我在bootstrap网格中遇到网格问题.我连续有空格.
这显示在桌面和移动设备上就像
.
我正在使用的代码是
<div class="row"> <div class="col-xs-6 col-md-3 col-sm-4 portfolio-item"> <a href="#"> <img class="img-responsive" src="image/book image/book1.png" alt=""> </a> </div> <div class="col-xs-6 col-md-3 col-sm-4 portfolio-item"> <a href="#"> <img class="img-responsive" src="image/book image/book2.png" alt=""> </a> </div> <div class="col-xs-6 col-md-3 col-sm-4 portfolio-item"> <a href="#"> <img class="img-responsive" src="image/book image/book3.png" alt=""> </a> </div> <div class="col-xs-6 col-md-3 col-sm-4 portfolio-item"> <a href="#"> <img class="img-responsive" src="image/book image/book4.png" alt=""> </a> </div> <div class="col-xs-6 col-md-3 col-sm-4 portfolio-item"> <a href="#"> <img class="img-responsive" src="image/book image/book4.png" alt=""> </a> </div> </div>
我真的不知道如何解决这个问题,所以我希望有人能给我一些建议.
解决方法
您必须为列设置最小高度,因为列具有不同的高度.
.portfolio-item { min-height: 200px; }
将200px更改为适合各自位置的列的最小值.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。