2015-10-16 33 views
0

我在我的WordPress站點(jax lite主題)中有一個響應式主題,用砌體佈局。它使用col-md- *類,通過這種方式,它通常爲筆記本電腦和桌面屏幕顯示3列,移動設備只顯示一列。用於寬屏幕的引導CSS

問題是,在桌面大屏幕上,3列留下了一個閒置的大空間。我討厭不使用整個屏幕空間的網頁。我想用col-lg- *或col-md *類來做到這一點。例如,我希望在大屏幕上顯示4列或5列,甚至3列。

我有這個代碼template.css:

.post-article .container-fluid .col-md-12, 
 
.post-article .container-fluid .col-md-6, 
 
.post-article .container-fluid .col-md-3 { 
 
\t margin-bottom:25px; 
 
}

¿我該怎麼辦?

非常感謝!

+0

這是您所使用的CSS?請保持獨立的CSS和bootstrap css.when你自定義時不要使用bootstrap並覆蓋它。第二件事是你應該重寫模板,如果你想改變你的模板html元素使用的類,如果它是bootstarp。 –

回答

0

可以使用.COL-LG-4更大的桌面,如果你仍然面臨的問題看這個 Bootstrap Grid而且也是這個Bootstrap grid details 理解電網

+0

我已經嘗試過那樣做。有了lg類,即使有xs類試圖在移動設備中獲得更多的列。沒有任何作品。甚至,我試圖將所有col-md-6,col-md-12和col-md-4更改爲col-md-12。這意味着,砌體佈局只應顯示一個單列。它不起作用!它仍然顯示標準縮放3列和小屏幕1列。 – Maximetinu

+0

可否請你提供我網站的網址,以便我可以分析它 –