如何在SASS CSS的Bootstrap 4中获得15列？

我有一个针对1200px/15 cols框架的布局设计，但我的客户希望只使用带SASS的Bootstrap 4。甚至可以将引导转换为15列布局吗？我还没有在网上看到这样的例子。我不太喜欢小项目的Bootstrap。这是一个我真的不理解的趋势。对于一个5页的网站来说可能太重了&项目通常是根据内容完成的，而不是根据一些框架完成的，不管是否有Twitter支持

但是，就是这样

---

如果有可能编码一个15列的布局，你能给我一个如何开始的提示吗？执行这种自适应需要多长时间？

您只需使用正确的设置重新编译引导程序4即可

位于：的文档应该对此进行解释，但由于它是一个临时链接，因此我将在此处包含它

首先，您应该能够将SASS构建到CSS中，但总体而言，您只需在包含要构建的引导文件之前设置多少列的变量，或者修改variable.scss文件并更改$grid columns value的值，如下所示：

$grid-columns:               15;

---

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

您只需使用SASS更改

$grid columns

变量即可

$grid columns:15

您可能还希望签出其他变量，如
$grid gotter width
，以减少列之间的间距，因为您使用的列更多



另请参见：

您可以将网格系统从引导中剥离出来。此外，15只能被5和3拆分，而12可以被2、3、4和6拆分。它为你节省了很多时间。至于制作自己的网格，根据您的经验，大约需要3到4个小时（如果您在结构上这样做的话）。当前版本的更新文档如下：