我正在研究一个非常简单的 Bootstrap 布局。一切都是我想要的方式,除了当我调整窗口大小时,有时侧栏(红色框)会低于内容区域(蓝色框)。
这是一个非常简单的代码:
<div class="container-fluid">
<div class="row-fluid on4-topbar">
<div class="span12">
Top bar
</div>
</div>
<div class="row-fluid">
<div class="span10 on4-content">
Content area
</div>
<div class="span2 on4-tabs">
<div class="row-fluid">
Tab 1
</div>
<div class="row-fluid">
Tab 2
</div>
<div class="row-fluid">
Tab 3
</div>
</div>
</div>
</div>
使用 JSFiddle 尝试:http: //jsfiddle.net/KfqmZ/1/
这是一些详细说明问题的屏幕截图。第一个是调整大小时的预期,但有时会发生 scr2 上的故障。http://imgur.com/a/E4c04
有谁知道为什么会发生这种情况以及如何解决它?