css - Bootstrap 3 - 一个站点中的多个网格系统

Question

对于我正在进行的元素，我想在我的网格系统中用 7 列填充整个 .container。这可以通过在 http://getbootstrap.com/customize/#grid-system 处编译 bootstrap.css 文件之前操作正确的 Less 变量 (@grid-columns) 来实现。 .

但是，如果我在同一站点的另一个实例中想要返回到正常的 12 列网格系统怎么办？

如果我要创建另一个 bootstrap.css，将 @grid-columns 保留在 12，我仍然无法将它加载到浏览器，因为它会与之前创建的 bootstrap.css 冲突因为相似的类引用将在两个(例如 .col-md-7)css 文件中使用。

我无法解决这个问题，但一定有办法，对吧？!？或者，也许我只是遗漏了一些东西。

Answer 1

好吧，您可以使用 84 列。并使用它，如果您需要 7 列，那么一列宽度将是 12 个 Bootstrap 列。 12 12 12 12 12 12 12 = 84

如果您需要 12 列，那么一列宽度将是 7 个 Bootstrap 列。7 7 7 7 7 7 7 7 7 7 7 = 84

虽然一开始可能需要大量计算，但这应该可行。

如果没有其他方法，只是一个基本的数学解决方案。

---

另一种解决方案是 fork SASS 或 LESS 版本的 Bootstrap 并生成您自己的 Bootstrap 版本。例如，您添加类似于 col-7-xs-... 的类。我刚刚检查了 SASS 版本。在 _grid-framework.scss 文件中，您可以更改和使用 mixinis，这样您就可以轻松添加自己的网格类。

我不明白为什么这不起作用。