Bootstrap 4 Flex 盒子网格答案

【问题标题】：Bootstrap 4 Flex Box GridBootstrap 4 Flex 盒子网格
【发布时间】：2016-02-02 21:05:29
【问题描述】：

根据this post，Bootstrap 4 提供了一个可选的弹性盒子网格。

_variables.scss 文件中有一个布尔变量，名为 $启用弹性。如果你将它设置为 true 并重新编译，很多事情发生。

问：如何重新编译 Bootstrap？我输入了：

git clone https://github.com/twbs/bootstrap

在命令行上，我的 Windows 计算机刚刚挂起。我终于不得不按Ctrl+C退出了。

【问题讨论】：

见v4-alpha.getbootstrap.com/getting-started/build-tools。总结：（1）在bootstrap目录下安装Node.js（2）npm install（3）grunt dist
如果你下载 bootstrap，它包含 bootstrap-flex.css，它是在启用 flex 的情况下创建的。

【解决方案1】：

要编译 scss 文件，您需要 SASS 编译器： http://sass-lang.com/

您可以找到适用于 linux 和 windows 的版本。

【讨论】：

【解决方案2】：

将bootstrap-flex 导入您的SASS 编译器，同时设置$enable-flex:true

更新： 从 Bootstrap 4 Alpha 6 开始，flexbox 现在是默认设置。 http://www.codeply.com/go/p/bootstrap_4.0.alpha.6 http://www.codeply.com/go/p/bootstrap_4.0.0

【讨论】：

【解决方案3】：

看起来scotch.io 有一个弹性盒编译版本。

【讨论】：