bootstrap 分页

image.png

<div class="row pagination-wrap"> <ul class="pagination"> <li><a href="#"><span class="fa fa-chevron-left"></span> Prev</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">Next <span class="fa fa-chevron-right"></span></a></li> </ul> </div>

固定高度，超出的部分隐藏

.product-item { height: 360px; overflow: hidden; }