twitter-bootstrap - 如何在单个 div 中使用引导程序

Question

（抱歉英语不好..）是否可以仅在一个区域（中心 div）而不是整个站点中使用引导网格。页面的其余部分不应由引导 css 规则设置样式。谢谢

Answer 1

您可以将所有引导 css 放在 .scss 文件中，并将所有规则包装在您自己的类中，您可以稍后将其应用于您希望应用引导规则的容器。

.enable-bootstrap {
   /* all bootstrap rules goes here */
}

编译此 .scss 文件后，您将获得所有引导规则以开头，.enable-bootstrap因此它们仅适用于具有类的容器内的内容enable-bootstrap

Answer 2

有可能，只需实现引导程序工作所需的样式和脚本。然后从要使用引导网格的这个标记开始：

<div class="container">
    <div class="row">
        <div class="col-lg-12">
            <!-- content in a 12 column div -->
        </div>
    </div>
</div>

Answer 3

你可以使用这个：

.enable-bootstrap {
(and write your styling here) }