我有一个现有的网站,我需要在主要内容区域内添加基于网格的布局,而不是在导航栏或页脚部分。我遇到的问题是,当我使用bootstrap 3自定义工具并取消选择除网格系统选项之外的所有内容然后添加生成的bootstrap.css文件时,它会更改我的页面排版,元素大小等,并抛出整个布局wack的页面。
有没有人对如何将Bootstrap 3的网格系统等网格系统嵌入到我的页面中有任何建议,并强制它只对div的子元素添加“grid”类(或类似的CSS选择器) )。我觉得尝试将整个Bootstrap 3网格系统嵌入到我的页面中是不必要的,它可以像定义一系列CSS类一样简单,例如.row,.col-1,.col-2等。但我不知道从哪里开始。
注意:网格系统的响应能力不是必需的,但如果仍然可以使用col-md,col-sm等来使用它们会很好。
提前致谢。
答案 0 :(得分:0)
我已经设法解决了我需要做的事情。我查看了Bootstrap.css文件并提取了所有与.content,.row和.col- *样式有关的类,然后我将它们嵌入到我自己的样式表中并调整它们以适应我对列的所需用例完全符合我的需要。