差异

Question

在自举的最新的版本（在提出问题时当前版本[email protected]）有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呢？

哪一个我必须包括（尤其是如果我使用ng-bootstrap与Angular 2）？

Answer 1

在source看看：

bootstrap-flex.scss

引导与Flexbox的启用

包括所有从标准引导项目的进口，但启用Flexbox的变量。

bootstrap-grid.scss

引导网格只

包括为常规（非Flexbox的）网格系统相关的变量和混入，以及将所生成的预定义的类（例如，.col-4-sm） 。

bootstrap-reboot.scss

引导启动只是

只包括规范和我们的定制重启复位。

bootstrap.scss

主引导程序库

答案是肯定的，第3个文件是可选的引导。

最低要求是bootstrap.css，它已经包含bootstrap-reboot。

如果您只想使用Bootstrap的网格，请用bootstrap-grid替换。

如果您要将Bootstrap与Flexbox一起使用，请替换为bootstrap-flex。这是带有Flexbox功能的bootstrap.css。

Answer 2

作为@Nhan说：是的，-reboot，-flex和-grid文件扩展了主bootstrap.css，如果使用其中一个，那么该文件是唯一需要包含的文件。

至于你的问题的ng-bootstrap部分，我使用相同的，我只包括bootstrap.min文件，因为我不打算使用flexbox，我需要更多的网格样式。

希望能够在您的问题的上下文中添加一些关于严格必要的说明。