twitter-bootstrap - 限制 Bootstrap 样式的范围

Question

如何将 Bootstrap 限制为 div 的范围？我需要将 Bootstrap 样式表嵌套在 ExtJS 应用程序中以用于特定的 div，并且两者都会发生冲突，因为它们需要自己的正文、ul、li、a 等。

我试图避免手动编辑 bootstrap.css(或将其保持在最低限度)，以便可以轻松更新。

Answer 1

您可以fork the bootstrap存储库并更改 bootstrap.less 以包装 Bootstrap 样式:

.bootstrap-scope {
    //put bootstrap @includes in here
}

然后，在 bootstrap 项目的根目录中，运行 make 生成 bootstrap.css 文件。

您将丢失 Bootstrap 分配给 body 和 html 标记的全局样式，但您可能并不需要它们。

然后，在您的应用中，为您想要的容器提供 .bootstrap-scope 类。