2016-03-28 59 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- *樣式的類,然後將它們嵌入到我自己的樣式表中,並對它們進行了調整以適應我所需的列和它的用例做了我所需要的。