Twitter Bootstrap:抵消列?

时间:2012-10-19 23:36:56

标签: css twitter-bootstrap css3 layout twitter-bootstrap-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. 为什么我想要抵消任何东西?这只是为了更好地处理我的网站布局的内容吗?

2 个答案:

答案 0 :(得分:6)

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

引导文档的整个宽度为12列,侧面导航减去3,为网格演示留下9列。有意义吗?

答案 1 :(得分:2)

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