Bootstrap CDN 类 冲突?

Bootstrap CDN classes conflict?

我注意到当我在我的项目中使用 bootstrap 时,某些 类 会应用于我的代码。有没有办法只能使用我想使用 CDN 的 bootstrap 类? 这是代码:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

那么下面我有:

<ul>
<li>Some text here...</li>
</ul>

并且当我检查 chrome 调试器时,它继承了 ul 的属性:

我知道我可以手动强制我自己的 类 摆脱它,但这会很乏味。

您不能使用来自 CDN 的 bootstrap 的 CSS,并且只能将样式应用于某些元素。

排除某些样式的唯一方法是重新编译 twitter-bootstrap并去掉所有你不想要的样式,分别只包含你想要的.

您可以下载源码here

请注意,重新编译 bootstrap 需要 Less 编译器。