如何禁用div的Bootstrap函数?

时间:2018-06-05 07:15:48

标签: javascript html css twitter-bootstrap

我有一个div,我想禁用所有的bootstrap css。

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

我想禁用所有引导功能对于具有'.bootstrap-off'

的元素

3 个答案:

答案 0 :(得分:1)

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

您可以参考此example

答案 1 :(得分:1)

这是基于Meyer's reset。添加Bootstrap后,将其放在自定义样式表的开头,它将使用class&#39; bootstrap-off&#39;重置任何元素的样式。 Bootstrap可能具有未被此重置的样式,您可以为任何元素添加它们。

&#13;
&#13;
/* 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;
}
&#13;
&#13;
&#13;

答案 2 :(得分:0)

您可以在内置mod中键入样式         例如:

标记样式为绿色,然后用内联CSS覆盖

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

注意:仅可能进行较小的更改。否则,请更改引导程序并使用自定义CSS