2016-03-28 108 views
1

我有一个现有的网站,我需要添加一个网格布局只在主内容区域内,而不是在导航栏或页脚部分。我遇到的问题是,当我使用bootstrap 3自定义工具并取消选择除网格系统选项以外的所有内容,然后添加结果bootstrap.css文件时,它会更改我的页面排版,元素大小等,并引发整个布局该页面出了怪事。Embed Bootstrap 3 Based Grid System

有没有人有关于如何将Bootstrap 3的网格系统嵌入到我的网页中的任何建议,并强制它只能在div类的子元素上添加类(“网格”)(或一些类似的CSS选择)。我感觉试图将整个Bootstrap 3网格系统嵌入到我的页面中是不必要的,并且它可以像定义一系列CSS类(例如.row,.col-1,.col-2等)一样简单但我不知道从哪里开始。

注:网格系统的响应能力并不需要,但如果他们仍然可以通过使用COL-MD,COL-SM等提前

由于使用将是一件好事。

+0

您可以根据需要将引导程序3网格类重写为其核心样式表(bootstrap.css)。 –

回答

0

我设法弄清楚我需要做什么。我回顾了Bootstrap.css文件,并提取了所有要处理.content,.row和.col- *样式的类,然后将它们嵌入到我自己的样式表中,并对它们进行了调整以适应我所需的列和它的用例做了我所需要的。