如何在单个div中使用bootstrap

Question

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

Answer 1

您可以将所有引导程序css放在.scss文件中，并将所有规则包装在您自己的类中，稍后您可以在要应用引导规则的容器上应用这些规则。

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

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

Answer 2

可以实现bootstrap工作所需的样式和脚本。 然后从这个标记开始，你想使用引导网格：

<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) }