Android Wordpress CSS引导如何在砌体网格布局中显示更多列

我对CSS知之甚少，对引导框架知之甚少。 在主页中，“我的主题Jax”默认显示3个post previews列。例如，当当前设备是移动电话时，它是响应性的，并且只显示其中一个

由于只有3列，它仍然有大量未使用的空间，因此要将其设置为4列，我在css中更改了以下内容：

.col-md-4 {
    width: 25%; /*(instead of 33,33%)*/
  }

它适用于台式pc和笔记本电脑，但现在，在移动设备中，它已完全无格式，在一列中逐行显示字母，如下所示：

---

编辑：在主题的css文件中。我注意到它不使用.col xs、sm或lg类，只使用.col md-*类。我不知道我要向您展示的代码部分是什么，我正在修改bootstrap.css代码百分比，但我知道问题出在主题模板css中。

请在代码片段中发布一个完整的代码静态HTML/css/JS工作示例。对于移动设备，您需要在html中使用col xs-*。