html - 更改列宽和计数

Question

默认的 Bootstrap 网格系统使用 12 列，构成一个 940 像素宽的容器。是否可以在一种布局中使用不同类型的列布局？

我看了工具http://getbootstrap.com/2.3.2/customize.html

我希望 1 个 block 有 7 列 -system(span1-span7 max)，2 个 block 有 12 列(span1-span12 max) -system。是真的吗？

Answer 1

您需要在自定义 Bootstrap 中有 31 列。将 @gridColumns 设置为 31，您可以根据需要编辑 @gridColumnWidth 和其他字段。看看这段代码:

<div class="row">
  <div class="span12">span12</div>
  <div class="span7">span7</div>
  <div class="span12">span12</div>
</div>