Grid 如何获得引导程序4 24网格

Grid 如何获得引导程序4 24网格,grid,bootstrap-4,Grid,Bootstrap 4,有人知道在哪里下载最新的bootstrap 4-0-0测试版的24网格版本吗? 我不想使用sass,也无法在bootstrap网站中找到“自定义”选项。您可以使用或组合12列网格创建24列网格 1. 2. .. 24 或者,您可以通过将$grid columns变量更改为24来生成。不幸的是,Bootstrap 4中没有自定义工具,因此自定义构建是必要的步骤 但是别担心,这很容易 按照此答案中的说明操作-(需要安装Node.js) 将以下代码放入name.scss(第5步中提到的文件):

有人知道在哪里下载最新的bootstrap 4-0-0测试版的24网格版本吗?
我不想使用sass,也无法在bootstrap网站中找到“自定义”选项。

您可以使用或组合12列网格创建24列网格


1.
2.
..
24

或者,您可以通过将$grid columns变量更改为24来生成。不幸的是,Bootstrap 4中没有自定义工具,因此自定义构建是必要的步骤

但是别担心,这很容易

  • 按照此答案中的说明操作-(需要安装Node.js)
  • 将以下代码放入
    name.scss
    (第5步中提到的文件):
  • name.scss

  • 编译(步骤7)

  • 如果您需要网格之外的任何其他引导组件,请参阅说明的步骤5。

    。。。自动布局功能非常强大。谢谢分享这个简洁的答案。
     <div class="row">
            <div class="col">
                1
            </div>
            <div class="col">
                2
            </div>
            <div class="col">
                ..
            </div>
            <div class="col">
                24
            </div>
     </div>
    
    @import "bootstrap/scss/functions";
    @import "bootstrap/scss/variables";
    @import "bootstrap/scss/mixins";
    
    $grid-columns: 24; // This overrides default value (12)
    @import "bootstrap/scss/grid";