用于移动设备的引导css条件相等语句

我在我的网站上使用了三列高度相同的jumbotron。这台机器完全可以代替手机。响应性不起作用，因为“equal”类将框的高度固定为更高的内容

<div class="row equal">
 <div class="col-xs-12 col-md-4">test 1</div>
 <div class="col-xs-12 col-md-4">test 1</div>
 <div class="col-xs-12 col-md-4">test 1</div>
</div>

测试1
测试1
测试1

我看到了一个解决方案，即根据媒体的大小设置“相等”，但我不知道怎么做，也不确定这是不是最好的方法

也许有人能帮点忙？

---

提前谢谢

只需为此类定义一个

@media

查询。像这样-

@media all and (min-width:768px){
    .equal{
        background: #CCC; 
        /* or property which should be applied when your screen width is 768px or above */
    }
}

需要记住的一件事是，只有当其他属性也由类选择器设置时，这种方法才有效。如果使用

id

（如

#red

，

#blue

，

#green

而不是

.red

，

.blue

，

.green

），则需要应用

！重要的

特殊性（

id

.class

）

---

-只需调整结果窗口的大小即可

您可以创建一个问题的演示吗？www.projet-okinawa.ch，主页，jumbotron（2行，6个jumbotron）这非常适合更改、覆盖或添加一些内容，我只想调用或不调用，具体取决于大小，也是这样吗？如果您只使用CSS，我会说是的。