Question

我在让网格工作方面遇到麻烦，我已经关注了多个教程和论坛，但没有任何方法可行。我正在为我的编辑器使用Sublime Text，并复制所有CDN标签并将所有内容包装在div =“container”中

每当我预览它时，文字出现在最左边，我可能做错了什么？

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了解更多详情

如何使用Bootstrap 3 Grid

1 个答案: