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

发布时间：2020-12-17 23:41:59 所属栏目：安全来源：网络整理

导读：我想使用Twitter Bootstrap，但只在特定的元素，所以我需要找出一种方法来前缀所有Twitter Bootstrap类与我的前缀，或使用较少的混合。我没有这方面的经验，所以我不太明白如何这样做。这里有一个我想尝试的HTML样例： div class="normal-styles" h1dont sty

我想使用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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!