twitter-bootstrap - 1/3 列带有 Twitter Bootstrap

Question

我使用 Twitter Bootstrap 2.0 创建了一个自定义网格，我正在尝试弄清楚如何更新网格以允许我使用 1/3 和 1/2 列。

看起来 1.0 你可以使用:

<div class="span-one-third"></div>

有没有人能够想出一种方法来使用 2.0 做类似的事情，还是我忽略了什么？

谢谢

Answer 1

Bootstrap 过去包含 span-one-third 的原因是网格使用了 16 列。今天，Bootstrap 的网格默认包含 12 列(跨度)。因此，假设您没有自定义网格以使用不同数量的列，只需使用以下内容:

<!-- 3-columns, 1/3 each -->
<div class="row">
  <div class="span4">1/3 width</div>
  <div class="span4">1/3 width</div>
  <div class="span4">1/3 width</div> 
</div>  

<!-- 2-columns, 1/2 each -->
<div class="row">
  <div class="span6">1/2 width</div>
  <div class="span6">1/2 width</div>
</div>