引导3，11等距列？

Question

我对引导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

自定义引导查找@gridcolumns选项，输入所需的列数，您可以生成自定义的css。