html - 如何使 Bootstrap 中的特定元素不使用主题样式？

Question

我使用的是带有额外主题的 Bootstrap bootstrap-theme.min.css，但有时有些元素我真的想使用传统的 Bootstrap 样式。我现在主要关心的是使用特定面板的传统面板标题样式。这可能吗？

Answer 1

打开一个未缩小的 bootstrap-theme.css 将另一个类与其他类放在一起:

.theme.panel-X {...}
.theme.btn {}
.theme.btn-primary {}

等等。如果元素是样式的子元素，则它是

   .theme .child-component {....}

然后在您的 html 中，将该类(在本例中为“.theme”)放在您想要与主题一起使用的所有组件上，不要将该类放在其他组件上你不想在上面使用它。