仅Bootstrap 4 flex网格系统

Man*_*hoo 9 css twitter-bootstrap twitter-bootstrap-4 bootstrap-4

所以在bootstrap3中我们有'自定义和下载'选项,我们可以只下载我们需要的任何内容.现在bootstrap 4支持flexbox,我只想下载bootstrap 4的flex网格系统,我再也看不到该选项了.有没有办法做到这一点?

dip*_*pas 10

更新(2019年7月)

v4.0此处为 v4.1 )开始,您可以简单地使用bootstrap-grid.cssbootstrap-grid.min.css,它仅包含网格系统(v4.0v4.1)和flex实用程序(v4.0v4.1

SS


旧答案:

在此Alpha阶段,您可以按照Bootstrap V4 Alpha文档在使用true或false之间切换是否使用flexbox(如果使用CSS预处理程序)

Flexbox支持终于出现在Bootstrap中。轻按一下变量或交换样式表,即可选择加入新的CSS布局样式。

怎么运行的:

如果您熟悉在Sass或任何其他CSS预处理器中修改变量的知识,那么您将可以在家进入Flexbox模式。

  1. 打开_variables.scss文件并找到$enable-flex变量。
  2. 从更改falsetrue
  3. 重新编译,并完成!

另外,如果不需要源Sass文件,则可以将默认的Bootstrap编译CSS与已编译的flexbox版本交换。请访问下载页面以获取更多信息。


Jac*_*uia 6

在回答这个问题的时候,如果你下载这里找到的已编译的.zip ,它会附带一个包含三个样式表的css文件夹,

  • bootstrap-grid.css
  • bootstrap-normalize.css
  • bootstrap.css

bootstrap-grid文件只有网格CSS,没有别的,这正是你要找的.