Half columns on Twitter Bootstrap 3

Question

I could not figure out how to make the bootstrap column as follows:

col 3 | col 4.5 | col 4.5 

Answer 1

You can try the following:

Just divide the col-9 into 2 parts.

Bootply : http://www.bootply.com/128927

HTML :

  <div class="col-xs-3"> col-xs-3 </div> <div class="col-xs-9"> <div class="row"> <div class="col-xs-6">col-xs-4.5</div> <div class="col-xs-6">col-xs-4.5 </div> </div> </div>