创建单列 - 使用引导程序的自动宽度

时间:2015-05-28 18:24:31

标签: twitter-bootstrap

我想要一个单列引导网格,因为它将有n个div放置在水平内部(最多6个div)。 div的宽度应该是自动对齐的 怎么做?。

<div class="well relevantBox">
    <div class="col-sm-auto col-xs-auto vcenter">
        <i class="fa fa-thumbs-up boxIconStyle"></i>
    </div>
    <div class="col-sm-auto col-xs-auto"><span class="pull-right">{{RelevantCount}}</span></div>

</div>

目前,当我尝试这样做时,每个div占据容器的整个宽度,然后下一个div将它放到第二行。

1 个答案:

答案 0 :(得分:-1)

正如我所知,你需要 This a DEMO

<div class="col-md-8">
<div class="col-md-8 a"></div>
<div class="col-md-8 b"></div>
<div class="col-md-8 c"></div>
<div class="col-md-8 d"></div>
<div class="col-md-8 e"></div>
<div class="col-md-8 f"></div>
</div>