2

我正在研究 Bootstrap 并且想知道偏移列:http: //twitter.github.com/bootstrap/scaffolding.html#gridSystem

文档说这些列“每行应该总是加起来 12”。然后它给出了一个偏移列的例子:

<div class="row">
  <div class="span4">...</div>
  <div class="span3 offset2">...</div>
</div>

问题:

  1. 这些列加起来不等于 12。它总共只有 7。或者如果你计算偏移量:9。这只是一个坏例子还是什么?
  2. 为什么我要抵消任何东西?这只是为了更好地处理我网站布局的内容吗?
4

2 回答 2

6

为了澄清 Rob 的意思,您缺少的是所有网格示例都使用 9 列。原因是文档中的侧边栏(侧边导航)本身占用了 3 列。

引导文档的整个宽度为 12 列,侧边导航为负 3,剩下 9 列用于网格演示。有道理?

于 2012-10-20T00:48:07.367 回答
2

侧边栏是 span3。所以整个页面宽度加起来是12。它显示的内容部分只是一个span9。

于 2012-10-19T23:40:48.787 回答