Bootstrap CDN 类冲突？答案

【问题标题】：Bootstrap CDN classes conflict?Bootstrap CDN 类冲突？
【发布时间】：2015-05-28 04:27:43
【问题描述】：

我注意到，当我在项目中使用引导程序时，一些类会应用于我的代码。有没有办法我只能使用我想要使用 CDN 的引导类？代码如下：

<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 的属性：

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

【问题讨论】：

更改代码中的类名，使其与引导程序使用的类名不匹配，或为您的版本创建覆盖。
我的问题有点不清楚，所以我应该澄清一下，Bootstrap 中的类是级联到我的代码中的，而不是冲突的类名。
你能举个例子吗？
我会用代码让我的帖子更具描述性。

标签： css twitter-bootstrap cdn

【解决方案1】：

您不能从 CDN 使用 bootstrap 的 CSS，只能将样式应用于某些元素。

排除某些样式的唯一方法是重新编译 twitter-bootstrap 并省略所有您不想要的样式，分别只包含您想要的样式。

您可以下载源代码here。

请注意，重新编译 bootstrap 需要一个 Less 编译器。

【讨论】：