如何使用Bootstrap 3 Grid

Question

我遇到了讓網格工作的麻煩，我跟隨了多個教程和論壇，但沒有任何工作。我爲我的編輯器使用Sublime Text，並複製所有CDN標籤並將所有內容封裝在div =「容器」中。每當我預覽它時，文本出現在最左側，我會做什麼錯誤？

Answer 1

這裏是pen

添加一些類和CSS。

<div class="container"> 
     <div class="row row-centered"> 
      <div class="col-xs-12 col-centered"> 
      Hello World! 
      </div> 
     </div> 
     <div class="row row-centered "> 
      <div class="col-*-*"></div> 
      <div class="col-*-*"></div> 
      <div class="col-*-*"></div> 
     </div> 
     <div class="row row-centered"> 

     </div> 
    </div> 

/* centered columns styles */ 
.row-centered { 
    text-align:center; 
} 
.col-centered { 
    display:inline-block; 
    float:none; 
    /* reset the text-align */ 
    text-align:left; 
    /* inline-block space fix */ 
    margin-right:-4px; 
} 

閱讀this更多細節