twitter-bootstrap – 如何命名空间Twitter Bootstrap所以样式不冲突

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何命名空间Twitter Bootstrap所以样式不冲突前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用Twitter Bootstrap,但只在特定的元素,所以我需要找出一种方法来前缀所有Twitter Bootstrap类与我的前缀,或使用较少的混合。我没有这方面的经验,所以我不太明白如何这样做。这里有一个我想尝试的HTML样例:
<div class="normal-styles">
  <h1>dont style this with bootstrap</h1>
  <div class="bootstrap-styles">
    <h1>use bootstrap</h1>
  </div>
</div>

在这个例子中,Twitter Bootstrap会正常设计h1s,但是我想更有选择性地应用Twitter Bootstrap风格。

解决方法

这原来是比我想象的更容易。 Less和Sass都支持命名空间(使用相同的语法)。当你包括引导时,你可以在一个选择器中这样做命名空间:
.bootstrap-styles {
  @import 'bootstrap';
}

更新:对于较新版本的LESS,以下是如何做:

.bootstrap-styles {
  @import (less) url("bootstrap.css");
}

A similar question was answered here.

猜你在找的Bootstrap相关文章