今天小編就為大家?guī)硪黄猙ootstrap中怎樣讓圖片居中的文章。小編覺得挺不錯的，為此分享給大家做個參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)憑借在網(wǎng)站建設、網(wǎng)站推廣領域領先的技術(shù)能力和多年的行業(yè)經(jīng)驗，為客戶提供超值的營銷型網(wǎng)站建設服務，我們始終認為：好的營銷型網(wǎng)站就是好的業(yè)務員。我們已成功為企業(yè)單位、個人等客戶提供了成都網(wǎng)站建設、網(wǎng)站制作服務，以良好的商業(yè)信譽，完善的服務及深厚的技術(shù)力量處于同行領先地位。

如果您使用的是Bootstrap 3中,您可能遇到這么一個問題，你可以使用.text-center對文字居中對齊，圖片卻無法居中對齊，要解決這個問題你可以需要做很多事件，比如在img外加個div，再通過圖片寬高大小等做調(diào)整等。

Bootstrap 3中有一個非常簡單的方法就能實現(xiàn)圖片響應式的水平垂直居中對齊，把圖片添加css類img-responsive center-block即可實現(xiàn)，來看看吧。

在Bootstrap 3要使圖片對齊,你可以試試下面的代碼:

Bootstrap v3.0.1介紹。使用center-block類，您可以將圖對齊到容器的中心。下面是例子:

以上就是bootstrap中怎樣讓圖片居中的具體操作，代碼應該是足夠清楚的，而且我也相信有相當?shù)囊恍├涌赡苁俏覀內(nèi)粘９ぷ骺赡軙姷玫降?。通過這篇文章，希望你能收獲更多。

分享文章：bootstrap之怎樣讓圖片居中-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://weahome.cn/article/dpoogg.html