如何获得 bootstrap 4 24 网格答案

【问题标题】：How to get bootstrap 4 24 grid如何获得 bootstrap 4 24 网格
【发布时间】：2019-05-09 19:22:31
【问题描述】：

有人知道在哪里下载最新的 bootstrap 4-0-0 beta 的 24 格版本吗？我不想使用 sass，并且在引导网站中找不到自定义选项。

【问题讨论】：

codeply.com/go/W4pRJD4tJI/…

【解决方案1】：

您可以使用auto-layout columns 创建 24 列网格，或者通过组合 12 列网格..

https://www.codeply.com/go/nnf7toD1E2

 <div class="row">
        <div class="col">
            1
        </div>
        <div class="col">
            2
        </div>
        <div class="col">
            ..
        </div>
        <div class="col">
            24
        </div>
 </div>

或者，您可以通过将 $grid-columns 变量更改为 24 来生成 custom CSS build。

【讨论】：

太棒了...自动布局功能真的很强大。感谢您分享这个简洁的答案。

【解决方案2】：

不幸的是，Bootstrap 4 中没有自定义工具，因此自定义构建是必要的步骤。

不过别担心，这很容易。

按照此答案中的说明进行操作 - https://stackoverflow.com/a/47251052/1614120（您需要安装 Node.js）
将以下代码放入name.scss（第五步中提到的文件）：

name.scss

@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/mixins";

$grid-columns: 24; // This overrides default value (12)
@import "bootstrap/scss/grid";

编译（步骤 7）。

如果您需要除网格之外的任何其他 Bootstrap 组件，请参阅说明的第 5 步。

【讨论】：