1/3 Columns With Twitter Bootstrap

Question

I created a custom grid with Twitter Bootstrap 2.0, and I'm trying to figure out how to update the grid to allow me to use 1/3 and 1/2 columns.

It looks like with 1.0 you could just use:

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

Has anyone been able to figure out a way to do something similar with 2.0, or am I overlooking something?

Thanks

Answer 1

The reason Bootstrap used to include span-one-third is that the grid used 16 columns. Today, Bootstrap's grid includes 12 column's (spans) by default. So assuming you haven't customized the grid to use a different number of columns just use the following:

<!-- 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>