使用Twitter Bootstrap的1/3列

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>