Question

我在我的网站上使用一个三列高度相同的jumbotron。这项工作完全取代移动。由于“平等”，响应能力不起作用。将框的高度固定为更高内容的类。

<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>

我通过“平等”来看待解决方案。以媒体的大小为条件，但我不知道该怎么做，我不确定这是最好的方式吗？

也许有人可能会帮助一点点？提前谢谢！

Answer 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），那么您需要应用!important特异性（id＆gt; .class）

Simple example - 只需调整结果窗口的大小

移动

1 个答案: