如何获得bootstrap 4 24网格

Question

有谁知道在哪里下载24网格版的最新bootstrap 4-0-0 beta？ 我不想使用sass，我无法在bootstrap网站中找到自定义选项。

Answer 1

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

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。

Answer 2

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

但是不用担心，这很容易。

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

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";

1. 编译（第7步）。

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