两个半列和11个引导程序

时间:2016-04-05 02:40:24

标签: twitter-bootstrap twitter-bootstrap-3

是否有正确的方法在引导程序中执行.5 11 .5?或者我应该调整样式表? 11列将是图像容器。

更新 我需要11的宽度比,这就是为什么我不想使用1 10 1,这将使其默认更窄

2 个答案:

答案 0 :(得分:1)

无法在Bootstrap中执行半列 - 您需要使用1 - 10 - 1并使用CSS控制大小,填充,边距。还要注意关于大小的不同类(例如:xs,sm,md和lg)。您可以将每个列细分为它自己的十二个集合(例如:

col-md 1
   col-md-6
   col-md-6

col-md-10

col-md-1
   col-md-6
   col-md-6 

然后每个1的6和1中的一个将给你一个组合11,但这些不会链接在一起,并且在较小的屏幕上会非常时髦。简短回答是使用1-10-1并使用CSS控制页面

答案 1 :(得分:0)

你可以尝试这种方法

<div class="row">
     <div class="col-xs-1">
          <div class="row">
            <div class="col-xs-6">

            </div>
            <div class="col-xs-6">

            </div>
          </div>
     </div>
<div class="col-xs-10">
</div>
<div class="col-xs-1">
          <div class="row">
            <div class="col-xs-6">

            </div>
            <div class="col-xs-6">

            </div>
          </div>
     </div>
</div>