如何禁用 div 的引导功能？答案

【问题标题】：How Can I disable Bootstrap Functions for a div?如何禁用 div 的引导功能？
【发布时间】：2018-06-05 07:15:47
【问题描述】：

我有一个 div，我想禁用它上面的所有引导 css。

<p class="bootstrap-off"></p>

我想禁用所有具有“.bootstrap-off”的元素的引导功能

【问题讨论】：

这取决于您要覆盖的样式。
只要引导文件包含在您的 html 文件中，这是不可能的。你能做到这一点的唯一方法就是为你的 div 覆盖任何所需的样式
我有一个网页，其中包含一些用于 nav 和 ul、li、tooltip 的 css，当我将 Bootstrap cdn 添加到我的代码中时，它改变了元素，即使我添加了 !important 到我的 css 但不要不行。

标签： javascript html css twitter-bootstrap

【解决方案1】：

您必须覆盖该元素 CSS 的引导样式。

你可以参考这个example

【讨论】：

【解决方案2】：

这是基于Meyer's reset。添加 Bootstrap 后，将其放在自定义样式表的开头，它将重置任何具有“bootstrap-off”类的元素的样式。 Bootstrap 可能具有不会被重置的样式，您可以为任何元素添加它们。

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

.bootstrap-off {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body-bootstrap-off {
	line-height: 1;
}
ol-bootstrp-off, ul-bootstrp-off {
	list-style: none;
}
blockquote-bootstrap-off, q-bootstrap-off {
	quotes: none;
}
blockquote-bootstrap-off:before, blockquote-bootstrap-off:after,
q-bootstrap-off:before, q-bootstrap-off:after {
	content: '';
	content: none;
}
table-bootstrap-off {
	border-collapse: collapse;
	border-spacing: 0;
}

【讨论】：

【解决方案3】：

您可以在 inline mod 中输入样式例如：

引导颜色为绿色的标记样式，然后内联 css 覆盖它

       <p style="color:blue">this is paragraph</p>

注意：只能进行较小的更改。其他明智的改变引导程序并使用自定义 css

【讨论】：