用于宽度屏幕的bootstrap css

时间:2015-10-16 20:54:09

标签: css wordpress twitter-bootstrap

我的wordpress网站(jax lite主题)中有一个响应主题,带有砌体布局。它使用col-md- *类,通过这种方式,它通常显示3列用于笔记本电脑和桌面屏幕,而只有一列用于移动设备。

问题是在桌面大屏幕中,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 {
	margin-bottom:25px;
}

¿我该怎么办?

非常感谢!

1 个答案:

答案 0 :(得分:0)

如果仍然面临问题,可以将.col-lg-4用于更大的桌面 Bootstrap Grid还有Bootstrap grid details 了解网格