div在一个自举井中的位置

时间:2017-04-26 08:12:12

标签: html twitter-bootstrap

我在自举井中有3个div 我希望我的btn-groups在同一条线上,第一个在左边,第二个在中间,最后一个在右边

有可能吗? 我不想使用外部CSS文件

<div class="well">
<div>
    Unit of time
    <div class="btn-group">
        <!-- button -->
        <!-- button -->
        <!-- button -->
    </div>
</div>

<div>
    Offset
    <div class="btn-group">
        <!-- button -->
        <!-- button -->
    </div>
</div>

<div>
    Dates padding
    <div class="btn-group">
        <!-- button -->
        <!-- button -->
    </div>
</div>

2 个答案:

答案 0 :(得分:2)

你可以使用bootstrap网格系统连续3次获取它,

  <div class="container">
    <div class="row">
       <div class="col-xs-4>
       </div>
       <div class="col-xs-4>
       </div>
       <div class="col-xs-4>
       </div>
     </div>
   </div>

答案 1 :(得分:1)

是的,你可以简单地使用网格,在列中添加每个按钮组,在行中添加三个按钮,在容器中添加整个组

在那里查看示例:http://getbootstrap.com/css/#grid