Search code examples
twitter-bootstraptwitter-bootstrap-3multiple-columnsgrid-layout

Half columns in Twitter Bootstrap 3


I couldn't figure out how to make the bootstrap column like this:

col 3 | col 4.5 | col 4.5 

Solution

  • You can try this :

    Just split a col-9 in 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>