twitter-bootstrap - Twitter Boostrap 3 RC1 - 超过 12 列？

Question

我正在尝试在 Bootstrap RC1 中实现 24 列网格，我尝试在 variables.less 中将 @grid-columns 更改为 24，但它似乎不起作用。

在我编译 bootstrap.less 之后，我得到了这个：

  .col-lg-1 {
    width: 4.166666666666666%;
  }
  .col-lg-2 {
    width: 8.333333333333332%;
  }
  .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4 {
    width: 16.666666666666664%;
  }
  .col-lg-5 {
    width: 20.833333333333336%;
  }
  .col-lg-6 {
    width: 25%;
  }
  .col-lg-7 {
    width: 29.166666666666668%;
  }
  .col-lg-8 {
    width: 33.33333333333333%;
  }
  .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10 {
    width: 41.66666666666667%;
  }
  .col-lg-11 {
    width: 45.83333333333333%;
  }
  .col-lg-12 {
    width: 100%;
  }

所以基本上第 1 到 11 列计算正确，但它在第 12 列结束，这似乎被硬编码为 100%。

难道我做错了什么？BS3 是否支持超过 12 列？

Answer 1

您还需要编辑grid.less，它被硬编码为 12 列。在 LESS 中循环是可能的，所以我不知道为什么 Bootstrap 开发人员不使用它，但也许他们有充分的理由。你可以在 GitHub 上打开一个问题，看看他们要说什么。

Answer 2

不显眼的选项：http ://tmaiaroto.github.io/gridline/ ... 将其放入并使用数据属性来动态和逐行调整列数。