Bootstrap 4 Flex Box网格

时间:2015-11-02 20:58:45

标签: twitter-bootstrap-4 bootstrap-4

根据this post,Bootstrap 4提供了一个可选的弹性框网格。

  

_variables.scss文件中有一个布尔变量   $使柔性。如果你把它设置为true并重新编译,那就很多了   发生。

问:你如何重新编译Bootstrap?我打字:

git clone https://github.com/twbs/bootstrap
命令行上的

和我的Windows计算机刚刚挂起。我最后不得不按Ctrl + C并退出。

3 个答案:

答案 0 :(得分:2)

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

您可以找到适用于Linux和Windows的版本。

答案 1 :(得分:2)

bootstrap-flex导入您的SASS编译器,该编译器也会设置$enable-flex:true

Demo here

<强> 更新: 从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

答案 2 :(得分:1)

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