首先，这里是链接：http : //isotopethemes.com/extenso/all-sliders.html
有一个引导行，其中包含三列，每列分别分配了“ col-lg-4 col-md-4 col-sm-6”。在992px以上的视口中一切都很好。在992px以下，列表2和3向右浮动，不确定原因。
以前已经发生过这种情况，但是只是添加了一个已解决的问题，但这似乎是另一回事。
任何帮助，将不胜感激。
HTML代码：
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<!-- Some Content -->
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<!-- Some Content -->
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<!-- Some Content -->
</div>
</div>
</div>
这里的问题是右上div比左上的div短，因此将第三个div推到其下方以减少垂直空间。
为了避免这种情况，请考虑手动设置divs高度或使用类似Javascript-Equal-Height-Responsive-Rows的插件。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句