如果我有一个未知数量的项目显示,每个在他们自己的列,有没有办法让他们平均包装,而不必为每个创建新的行？
我有
<div class="row">
<!-- 1st col --><div class="col-md-3 col-sm-4 col-xs-6"><h1>Title lorem</h1><p>Short</p></div>
<!-- 2nd col --><div class="col-md-3 col-sm-4 col-xs-6"><h1>Title lorem</h1><p>Description lorem</p></div>
...
<!-- nth col --><div class="col-md-3 col-sm-4 col-xs-6"><h1>Title lorem</h1><p>Description lorem that might be long</p></div>
</div>
列将具有不同的高度,有时会导致不均匀分布的列：
有可能让列总是包含4列(中等),3列(小)或2列(超小型)只有CSS的行,或者我需要一些JS或使用一些服务器端编程创建新行？
解决方法
这不幸不是网格如何工作.您可以使用像
masonry这样的东西,或者为每个断点生成与PHP不同的容器.例如.：
<div class ="visible-xs"><div class ="row">... </div></div> <div class ="visible-sm"><div class ="row">... </div></div> <div class ="visible-md"><div class ="row">... </div></div>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。