Twitter Bootstrap 3中的半列

时间:2014-04-10 11:24:05

标签: twitter-bootstrap twitter-bootstrap-3 multiple-columns grid-layout

我无法弄清楚如何制作这样的引导列:

col 3 | col 4.5 | col 4.5 

1 个答案:

答案 0 :(得分:156)

你可以试试这个:

只需将col-9分成两部分。

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>