如何在单个div中使用bootstrap

Question

(对不起英文..)是否可以只在一个区域(中心div)使用自举网格,而不是整个网站.页面的其余部分不应该由bootstraps css规则设置样式.谢谢

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>