为什么侧边栏没有掉到底部？ （Bootstrap 3.1）

Question

我在bootstrap 3.1中嘲笑一个网站，我觉得我做错了什么。以下html，我认为col-xs-2（包含：某些内容）应该落在col-xs-8下的屏幕底部，实际情况是col-xs-2缩小为尽可能地col-xs-8坐在它上面。

<div class="row">
  <div class="col-xs-2"> some content </div>
  <div class="col-xs-8"> Main Content </div>
  <div class="col-xs-2"></div>
</div>

Answer 1

使用col-md-8 + col-md-2或col-lg-8 + col-lg-2获得所需效果。

实际上col-xs-#是一个可以在较小的屏幕中维护布局的类。要使网格布局按预期工作，请使用col-lg-#或col-md-#。

以下是Bootstrap网站上描述网格系统的表格：

详细了解网格系统here。