仅限Bootstrap 4 Flex网格系统 [英] Bootstrap 4 flex grid system only

问题描述

因此，在bootstrap3中，我们具有自定义并下载"选项，该选项只能下载所需的任何内容.现在，bootstrap 4支持flexbox，我只想下载bootstrap 4的flex网格系统，现在再也看不到该选项了.有什么办法吗?

So in bootstrap3 we had the 'Customize and download' option, which we could download only whatever we needed. Now that bootstrap 4 supports flexbox, I only wanna download the flex grid system of bootstrap 4 and I cant see that option anymore. is there any way to do this ?

推荐答案

更新(2019年7月)

随着 v4 的发布，您可以简单地使用bootstrap-grid.css或bootstrap-grid.min.css，它仅包含网格系统和<一个href ="https://getbootstrap.com/docs/4.0/utilities/flex/" rel ="nofollow noreferrer"> flex实用程序

UPDATE (JULY 2019)

With the release of v4 you can simply use either bootstrap-grid.css or bootstrap-grid.min.css , it only includes grid system and flex utilities

在此Alpha阶段，您可以按照

At this Alpha stage, you can toggle between true/false for using flexbox (if using a CSS preprocessor) as per bootstrap V4 Alpha docs

Flexbox支持终于出现在Bootstrap中.选择加入新的CSS 轻拂变量或互换a的布局样式 样式表.

Flexbox support has finally come to Bootstrap. Opt-in to the new CSS layout styles with the flick of a variable or the swap of a stylesheet.

工作原理:

如果您熟悉在Sass或任何其他CSS中修改变量 预处理器-您将可以在家中进入Flexbox模式.

If you’re familiar with modifying variables in Sass—or any other CSS preprocessor—you’ll be right at home to move into flexbox mode.

1. 打开_variables.scss文件并找到$enable-flex变量.
2. 将其从false更改为true.
3. 重新编译并完成！

1. Open the _variables.scss file and find the $enable-flex variable.
2. Change it from false to true.
3. Recompile, and done!

或者，如果不需要源Sass文件，则可以交换 默认的Bootstrap编译CSS和已编译的flexbox 变化. 访问下载页面以获取更多信息.

Alternatively, if you don’t need the source Sass files, you may swap the default Bootstrap compiled CSS with the compiled flexbox variation. Head to the download page for more information.

这篇关于仅限Bootstrap 4 Flex网格系统的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！