仅在特殊 div 中使用 bootstrap

Question

我在我的TYPO3前端插件中使用bootstrap，但我只想在一个特殊的div中使用它，所以class without_bootstrap不会从 bootstrap classes.

例如

<div class="without_bootstrap">
     <div class="with_bootstrap">
     </div>
</div>

这可能吗？

Answer 1

部分。如果您避免 bootstrap 使用的 class 名称，您应该没问题。但是bootstrap定义了一些tag-specific的样式，比如

a {
  background-color: transparent
}

您可以通过定义这样的样式来避免这种情况：

.without-bootstrap > a {
  /* whatever */
}

示例：

.wrapper {
  background-color:#f00;
}
.no-bootstrap > a {
  background-color:#fff;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="wrapper">
  <div class="no-bootstrap">
    <a href="#"> No Bootstrap</a>
    <div class="bootstrap">
      <a href="#"> With Bootstrap</a>
    </div>
  </div>
</div>

另一种解决方案可能是根据您的需要自定义 bootstrap： http://getbootstrap.com/customize/

仅在特殊 div 中使用 bootstrap

Using bootstrap only in a special div

html

css

twitter-bootstrap

twitter-bootstrap-3