bootstrap中图片的一些小事情

今天做了一个bootstrap的小项目,几个图片在全屏col-md-3中大小合适,但是设备宽度减少以后,图片居左上角,显得非常难看

Image 1Image 2

所以我做了如下处理

在图片的容器div里class中添加了col-xs-6 在css中定义  img { margin:0 auto;},这样效果就变成了:

Image 3Image 5

不算什么技巧,只是老师给的demo的效果是上面的,自己做了修改,变得更美观了一点,收工!

原文地址:https://www.cnblogs.com/guoshiwei/p/4891337.html