-2
我遇到了讓網格工作的麻煩,我跟隨了多個教程和論壇,但沒有任何工作。我爲我的編輯器使用Sublime Text,並複製所有CDN標籤並將所有內容封裝在div =「容器」中。每當我預覽它時,文本出現在最左側,我會做什麼錯誤?如何使用Bootstrap 3 Grid
我遇到了讓網格工作的麻煩,我跟隨了多個教程和論壇,但沒有任何工作。我爲我的編輯器使用Sublime Text,並複製所有CDN標籤並將所有內容封裝在div =「容器」中。每當我預覽它時,文本出現在最左側,我會做什麼錯誤?如何使用Bootstrap 3 Grid
這裏是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更多細節
嘗試一下在CodePen或的jsfiddle,如果仍然無法正常工作,張貼一個鏈接。還請檢查瀏覽器開發者工具控制檯是否有任何錯鉻是其「檢查元素」。 – 2014-12-07 08:47:39
另外,嘗試檢查它對[Bootlint](https://github.com/twbs/bootlint#in-the-browser) – cvrebert 2014-12-07 08:54:51
仍然無法得到它的迴應我想要它,我已經爲任何人保存了'codepen'去看看我是否在某處犯了一個錯誤.. http://codepen.io/anon/pen/JoGWgJ @MartinMalinda – 2014-12-07 09:39:12