sass - 如何在 SASS CSS 中的 Bootstrap 4 中获取 15 列？

Question

我有一个明确为 1200px/15 cols 框架设计的布局设计，但我的客户只想将 Bootstrap 4 与 SASS 结合使用。是否有可能将 Bootstrap 转换为 15 列布局？我在网上没有看到这样的例子。我不太喜欢小型项目的 Bootstrap。老实说，这是一种我不理解的趋势。对于 5 页的网站来说可能太重了，而且项目通常是根据内容完成的，而不是根据某些框架(无论是否支持 Twitter)来完成。

但是，就是这样。

如果可以编写 15 列布局的代码，您能给我一些如何开始的提示吗？进行这样的适应需要多长时间？

Answer 1

您只需使用正确的设置重新编译 bootstrap 4 即可。

文档位于:https://v4-alpha.getbootstrap.com/layout/grid/#customizing-the-grid应该解释它，但由于它是一个临时链接，我将其包含在此处。

首先，您应该能够将 SASS 构建到 CSS 中，但总的来说，您只需在包含要构建的引导文件之前设置变量的列数，或者修改variable.scss 文件并更改 $ 的值网格列值如下:

$grid-columns:               15;

这是起点，您可能需要调整其他网格变量来控制总宽度和每列之间的装订线等。