Question

我是bootstrap 3的新手，我正在努力掌握网格系统的概念。到目前为止，我正在使用的控件都设计为12的因子列。

但是，有一个特殊的控件有11列，它们间隔均匀。

如何在仍然遵守引导网格系统的同时保持响应能力？

Answer 1

这会让你相当接近..

<div class="col-sm-11">
    <div class="col-sm-1 col-sm-offset-1">1</div>
    <div class="col-sm-1">1</div>
    <div class="col-sm-1">1</div>
    <div class="col-sm-1">1</div>
    <div class="col-sm-1">1</div>
    <div class="col-sm-1">1</div>
    <div class="col-sm-1">1</div>
    <div class="col-sm-1">1</div>
    <div class="col-sm-1">1</div>
    <div class="col-sm-1">1</div>
    <div class="col-sm-1">1</div>
</div>

演示：http://bootply.com/91138

但是，这不会占用页面的整个宽度。这需要自定义。

Answer 2

customize bootstrap 找到选项@gridcolumns输入所需的列数，你可以生成自定义的CSS

Bootstrap 3,11个均匀间隔的列？

2 个答案: