仅嵌入基于 Bootstrap 3 的网格系统

Question

我有一个现有的网站，我需要将基于网格的布局添加到仅在主要内容区域内，而不是在导航栏或页脚部分。我遇到的问题是，当我使用 bootstrap 3 自定义工具并取消选择除网格系统选项之外的所有内容，然后添加生成的 bootstrap.css 文件时，它会更改我的页面排版、元素大小等并抛出整个布局页面不正常。

有没有人对如何将像 Bootstrap 3 的网格系统这样的网格系统嵌入到我的页面中并强制它只对添加了“网格”类的 div 的子元素（或一些类似的 CSS 选择器）有任何建议）。我觉得尝试将整个 Bootstrap 3 网格系统嵌入到我的页面中是不必要的，并且它可以像定义一系列 CSS 类（如 .row、.col-1、.col-2 等）一样简单但我不知道从哪里开始。

注意：网格系统的响应能力不是必需的，但如果它们仍然可以通过使用 col-md、col-sm 等来使用就很好了。

提前致谢。

Answer 1

我已经设法弄清楚我需要做什么。我查看了 Bootstrap.css 文件并提取了所有与 .content、.row 和 .col-* 样式有关的类，然后我将它们嵌入到我自己的样式表中并对其进行了调整以适合我所需的列用例和它正是我需要的。