html - 为什么侧边栏没有落到底部？ ( Bootstrap 3.1)

Question

我在 bootstrap 3.1 中模拟一个站点，我认为我做错了什么。下面的 html，我的印象是 col-xs-2 (with: some content) 应该落到 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 .