不要在页面部分使用Bootstrap样式

Question

我有一个目前有多个表单的页面。我使用标准的Bootstrap表单样式来处理这些表单。

问题在于Bootstrap CSS应用于不应该使用的表单。

有没有办法添加一个类或data-*属性来强制Bootstrap不适用于该表单？

Answer 1

Namespace the hell out of your CSS，这是我为每个项目提出的建议，我没有做错。

从LESS documentation读取命名空间，并在Bootstrap LESS文件中进行适当修改后，从LESS文件重新生成CSS。

Answer 2

没有。您必须编写一组新规则以应用于您不希望由Bootstrap设置样式的表单。例如，为表单指定类名“someClass”并使用以下选择器：

form.someClass {
    /* Your form styles */
}

您可以将它放在一个新的样式表中，并在 Bootstrap样式表之后包含该样式表以覆盖您想要的任何Bootstap样式。