BootStrap讓圖片居中的class樣式

咱們在用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>  
錯誤的，不能實現圖片居中。