2015-10-16 36 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

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