Question

我正在尝试在Bootstrap RC1中实现24列网格，我尝试在变量中将@ 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/ ...跳入并使用数据属性来逐行调整列数。

Twitter Bootstrap 3 RC1 - 超过12列？

2 个答案: