自举-xs-5在中心，而col-xs-3.5在两边。

Question

我想要创建这个结构

<div class="row">
    <div class="col-xs-3.5"></div>
    <div class="col-xs-5"></div>
    <div class="col-xs-3.5"></div>
</div>

由于引导列不支持小数列，所以我尝试使用嵌套来完成这一任务：

<div class="row">
    <div class="col-xs-3"></div>
    <!-- Using nesting column-->
    <div class="col-xs-6">
        <div class="row">
            <div class="col-xs-10 col-xs-offset-1"></div>
        </div>
    </div>
    <div class="col-xs-3"></div>
</div>

但现在，中间列和左右列的内容之间存在着空间。是否也有任何方法将左/右列的内容居中(覆盖由偏移量创建的空间)。

这是jsFiddle

编辑

现在的情况如下

​

​

这是我需要的

​

​

Answer 1

您可以根据自己的意愿拥有更多的“引导带”。因为你想要半列；你可以做一个24列引导，并且像col-xs-7 col-xs-10 col-xs-7一样做它，请看一看那里-> 自定义引导