今天做了一個bootstrap的小項目，幾個圖片在全屏col-md-3中大小合適，但是設備寬度減少以后，圖片居左上角，顯得非常難看

所以我做了如下處理

在圖片的容器div里class中添加了col-xs-6 在css中定義? img { margin:0 auto;}，這樣效果就變成了：

?

不算什么技巧，只是老師給的demo的效果是上面的，自己做了修改，變得更美觀了一點，收工！

轉載于:https://www.cnblogs.com/guoshiwei/p/4891337.html

總結

以上是生活随笔為你收集整理的bootstrap中图片的一些小事情的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。