将1/4添加到Twitter Bootstrap列

时间:2015-03-17 08:57:19

标签: html css twitter-bootstrap twitter-bootstrap-3 grid-layout

我连续三列:

<div class="col-lg-.5 side-nav"></div>
<div class="col-lg-8.25 canvas"></div>
<div class="col-lg-3.25 persistent"></div>'

.5 + 8.25 + 3.25 = 12,但我的列没有正确显示。我做错了什么?

3 个答案:

答案 0 :(得分:4)

有一半的col-lg-1你可以使用这个

<div class="col-lg-1">
  <div class="row">
    <div class="col-lg-6"></div> <!-- here you have half of col-lg-1 -->
  </div>
</div>

答案 1 :(得分:1)

它不正确。 Bootstrap只包含col-md-integer

你可以尝试

Col-lg-1
Col-lg-8
Col-lg-3

答案 2 :(得分:1)

如果您需要的不是12列:

只需自定义:@grid-columnshttp://getbootstrap.com/customize/#grid-system

12 x 4 = 48 cols

所以只需使用通过 48 cols 定制的引导程序。