bootstrap 4 - 何时使用reboot css和grid css?

Vim*_*esh 43 twitter-bootstrap twitter-bootstrap-3 twitter-bootstrap-4

我正在尝试将我的应用程序从bootstrap 3.3.7迁移到Bootstrap v4.0.0-alpha.6.

当我使用NuGet将Bootstrap v4.0.0-alpha.6下载到我的项目中时,除了bootstrap.css之外,我还看到了bootstrap-reboot.css和bootstrap-grid.css.

在此输入图像描述

我试图通过文件了解他们的目的但是,我没有得到清晰的图片.

这两个css文件有什么用?我真的需要将它们包含在我的项目中吗?

Lia*_*ett 51

bootstrap.css 应该包含在项目中使用Bootstrap所需的所有CSS.

文件bootstrap-reboot.cssbootstrap-grid.css简化版本分别只包含重新启动和Bootstrap的flexbox网格所需的样式.如果您不想在项目中包含整个Bootstrap并且只使用这些功能中的任何一个,则可以使用它们.

文档在此解释:https://getbootstrap.com/docs/4.1/getting-started/contents/#css-files

  • 关于如何关闭重启的说明在哪里?它似乎压缩了许多全局 css 声明,除非您将它们置于 3-4 个上下文深度的上下文中。我无法让该死的 'a' 标记悬停下划线消失,因为这个东西会覆盖我尝试添加的任何内容,除非我为每个想要创建的 A 标记上下文添加 CSS。那太疯狂了! (2认同)
  • @Scott你无法关闭重新启动 - 这是引导程序正常工作所必需的。只要 Reboot 在您的自定义样式之前加载,您就不应该遇到覆盖您自己的样式的问题。您可以尝试查看[它应用的样式](https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap-reboot.css)和[了解有关CSS如何级联的更多信息作品](https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/) 找到解决您问题的方法。 (2认同)
  • 你有这个失败的例子吗?这是您所描述的示例,并且自定义样式会按预期覆盖 Bootstrap。https://codepen.io/anon/pen/wbKzXW (2认同)