Bootstrap 4 - 何时使用 reboot css 和 grid css？

Question

我正在尝试将我的应用程序从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文件有什么用处？我真的需要把它们包含在我的项目中吗？

- JGV

Answer 1

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

bootstrap-reboot.css 和 bootstrap-grid.css 是精简版本，只包含重新启动和Bootstrap的弹性盒子网格所需的必要样式。如果您不想在项目中包含整个Bootstrap并且仅使用其中一种功能，请使用它们。

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

- Liam Hammett

---

如何关闭重启的指令？它似乎会压制许多全局CSS声明，除非您将它们上下文化3-4个深度。我无法让该死的'a'标签悬停下划线消失，因为这个东西会覆盖我尝试添加的任何内容，除非我为每个要创建的A标签上下文添加CSS。那太疯狂了！ - Scott

这太愚蠢了，因为它会引起很多问题。在谷歌上搜索一下，我不是唯一一个抱怨它破坏东西的人。 - Scott

这并不是愚蠢的。任何大型CSS框架都有全局重置来处理影响其所有元素的事物，例如将box-sizing更改为border-box - 如果无法执行此类操作，则框架的外观和行为将完全不同，或者编译后的CSS文件将需要更大才能在每个类中应用这些样式。这并不是问题，这就是CSS级联的工作原理 - 如果您对此有问题，请随时提出一个新问题，显示您的确切问题，我可以尝试帮助您解决问题。 - Liam Hammett

好的，但是如果你正在使用Bootstrap 4，那么如何为你的网站设置全局设置呢？听起来好像不行！比如说，如果你想默认使用某种字体。抱歉！你必须每次都声明吗？真的吗？！？！ - Scott

你有这个失败的例子吗？这是一个你所描述的例子，自定义样式按预期覆盖了Bootstrap的样式。https://codepen.io/anon/pen/wbKzXW - Liam Hammett