bootstrap-flex,bootstrap-grid和bootstrap-reboot之间的区别

Lon*_*ely 13 css twitter-bootstrap-4 bootstrap-4 ng-bootstrap angular

在最新版本的Bootstrap(当前版本提出问题时bootstrap@4.0.0-alpha.5)有3个不同的文件和标准的文件:

  1. 自举flex.css
  2. 自举grid.css
  3. 自举reboot.css
  4. bootstrap.css

前3个文件是bootstrap.css(#4)的扩展名吗?

我可以想象,bootstrap-flex使用CSS Flexbox的功能bootstrap-grid可能是旧的和已经存在的方式,但是呢bootstrap-reboot

我必须包含哪一个(特别是如果我在Angular 2中使用ng-bootstrap)?

Nha*_*han 6

看看来源:

bootstrap-flex.scss

启用Flexbox的Bootstrap

包括标准Bootstrap项目中的所有导入,但启用flexbox变量.

bootstrap-grid.scss

仅限Bootstrap网格

包括常规(非flexbox)网格系统的相关变量和mixins,以及生成的预定义类(例如.col-4-sm).

bootstrap-reboot.scss

Bootstrap仅重启

仅包括Normalize和我们的自定义重新启动重置.

bootstrap.scss

主要的Bootstrap库

答案是肯定的,前3个文件对于Bootstrap是可选的.

最低要求是bootstrap.css,它已经包括在内bootstrap-reboot.

bootstrap-grid如果您只想要Bootstrap的网格,请替换.

与更换bootstrap-flex,如果你想与Flexbox的使用引导.它bootstrap.css具有Flexbox功能.