我們在用bootstrap排版內容的時候，有的時候在內容中需要圖片水平居中對齊。
一般情況下，我們的圖片都使用了 .img-responsive 類來實現響應式圖片。如果需要實現響應式圖片水平居中，那么我們要使用 .center-block 類
<p><img class="img-responsive center-block" src="..." /></p>
Ps：上述代碼中，我們一定要注意.center-block 類的添加位置，一定要把 .center-block 添加到img中，如果添加到別的地方，那么不會實現響應式圖片水平居中，比如，如下的代碼就不能實現響應式圖片水平居中。
<p class="center-block"><img class="img-responsive" src="..." /></p> 我是錯誤的，不能實現圖片居中。