一、 我們在用bootstrap排版內容的時候，有的時候在內容中需要圖片水平居中對齊 。 一般情況下，我們的圖片都使用了 .img-responsive 類來實現響應式圖片。如果需要實現響應式圖片水平居中，那麼我們要使用 .center-block 類，不要用 .text-center eg：

二、 container 類和container-fluid類的區別體現在是否有隨視口寬度改變的margin存在。 container類所謂的自適應也是通過margin的改變來完成，container-fluid類的百分百寬度是指在固有的15px的padding前提下寬度總是當前視口的寬度。 也就是說， 隨著螢幕寬度的改變，container字樣的位置是會改變的，因為container類的寬度是750、970或1170。當螢幕寬度為950px時，container類的寬度時750（就是所謂的固定寬度），因此，此時的margin為100px，較1276px時靠有一些了（所謂的響應式佈局）。

隨著螢幕寬度的改變，container_fluid字樣的位置不變，且佈局也不變，此所謂“佔據全部視口（viewport）的容器,自動實現響應式”。

最後有一個小細節，container是不會佔據到100%的寬度的，而container-fluid是一定佔據當前頁面視覺化寬度的100%。