Question

我最近遇到了一个问题，我想要实现的目标： 0.5 col | 11 col | 0.5 col 我查看了类似的问题，发现了两种提到的方法：

嵌套：

<div class="col-xs-1">
    <div class="col-xs-6">0.5 col</div>
        <!-- 11 col here from 'master' !-->
</div>
<div class="col-xs-11">
     test
</div>
<div class="col-xs-1">
    <div class="col-xs-6">0.5 col</div>
</div>

正如您所看到的，我不确定在嵌套它们之后如何在0.5 col之后实现页面的11 col。

Bootstrap sass文件：

.col-xs-half {
   @extend .col-xs-1;
   width: percentage((0.5 / $grid-columns));
}

然而，这不起作用，并且在设置时认为col-xs-11是起始位置。

非常感谢任何帮助。

Answer 1

您可以在此处构建自定义版本的引导程序

https://getbootstrap.com/docs/3.3/customize/#grid-system

将12列更改为24列

你可以把下面的代码放在你的html中

<div class="col-md-1"></div>
<div class="col-md-22"></div>
<div class="col-md-1"></div>

Bootstrap 3 - 半列麻烦

1 个答案: