19

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

  1. 引导-flex.css
  2. 引导-grid.css
  3. 引导重启.css
  4. 引导程序.css

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

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

我必须包括哪一个(特别是如果我将ng-bootstrap与 Angular 2 一起使用)?

4

2 回答 2

11

看看源代码

bootstrap-flex.scss

启用 Flexbox 的引导程序

包括来自标准 Bootstrap 项目的所有导入,但启用 flexbox 变量。

bootstrap-grid.scss

仅引导网格

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

bootstrap-reboot.scss

仅引导重启

仅包括 Normalize 和我们的自定义重启重置。

bootstrap.scss

主引导库

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

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

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

bootstrap-flex如果您想将 Bootstrap 与 Flexbox 一起使用,请替换为。它bootstrap.css具有 Flexbox 功能。

于 2016-11-27T09:11:25.753 回答
1

正如@Nhan 所说:是的,-reboot、-flex 和 -grid 文件扩展了主 bootstrap.css,如果您使用其中之一,那么该文件是您唯一需要包含的文件。

至于您问题的 ng-bootstrap 部分,我使用的是相同的,并且我只包含了 bootstrap.min 文件,因为我不打算使用 flexbox,而且我需要的不仅仅是网格样式。

希望这会增加一些关于在您的问题上下文中严格必要的内容的说明。

于 2017-07-30T00:08:53.107 回答