Bootstrap样式表仅适用于一个div,但仍会影响其他div

Question

我在PHP文件中包含了一个bootstrap样式表,我只需要一个div.问题:它应该只影响这一个div.为实现这一点,我在bootstrap-stylesheet之前和之后放置了一个指向另一个CSS的链接,如下所示.但似乎bootstrap.css仍会影响div之外的一些元素.我怎么能阻止它呢？

<link rel="stylesheet" href="style/style-1.css" type="text/css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css">
<div class="container">
...
</div>
<link rel="stylesheet" href="style-1.css" type="text/css">

Answer 1

在引导 CSS 文件之后加载辅助 CSS 文件的概念是覆盖某些元素并创建您自己的样式。但是，由于您只想从引导 CSS 文件中获取一个元素，因此如果您不想在其他元素上看到引导样式，则必须覆盖所有其他元素。我不推荐这个。

我的建议是检查您想要从 bootstrap 使用的某些元素的样式，然后在您自己的 CSS 文件中重新创建它。