如何覆盖 Bootstrap Material Design 主题的背景？答案

【问题标题】：How to override background of Bootstrap Material Design theme?如何覆盖 Bootstrap Material Design 主题的背景？
【发布时间】：2015-10-05 00:41:04
【问题描述】：

我已经使用 bootstrap 建立了一个网站，现在我想使用 Bootstrap Material Design theme 作为它的性感组件。所以我在我的<head> 中加入了css和js，这立即改变了我网站中的很多东西，比如背景和导航栏。

不幸的是，我不想使用主题的背景或导航栏。有人知道我如何覆盖或“禁用”主题的导航栏和背景吗？

欢迎所有提示！

【问题讨论】：

是的，从 css 中注释掉那部分
@ScottSelby - 但我不想这样做，因为主题可能会更新并且我使用 CDN。
所以你按照这个顺序，引导 css 然后这个你想要的主题，然后 css 覆盖你不喜欢的部分。
您问了一个非常糟糕的问题，您可以很容易地通过 Google 自行解决。然后你会得到几个很好的答案，不要接受任何或赞成或留下任何 cmets。这不是很好，我认为发布答案的人会竭尽全力忽略低质量问题并仍然回答

标签： html css twitter-bootstrap material-design bootstrap-material-design

【解决方案1】：

您可以通过进入新主题来覆盖它。在新主题的 css 文件中找到背景和导航栏，然后简单地使用“！important”来覆盖它。

例子：

background: white !important;

【讨论】：

!important 是一种不好的做法。当本地化解决您的问题时，避免使用覆盖。
是的，但是对于这种情况，提问者要求覆盖以前的主题。 @DaveAlperovich
答案被接受，因此满足了提问者的需求。但这是一个不好的做法。特异性也可以做到这一点。

【解决方案2】：

找到所有不需要的组件，将它们复制并粘贴到您自己的 css 文件中，更改值并将其作为最新的包含在标题部分中。希望这会有所帮助

【讨论】：