javascript - Bootstrap Row 从边缘开始

Question

我目前正在学习 Bootstrap。我遇到了一段代码，在这段代码中我试图创建一堆行来创建一种表格。但是当我在浏览器上运行代码时，行的边距从屏幕后面开始。请看下面 JS Fiddle 中非常简单的“Hello World”代码。

<div class="row">Hello World!</div>

http://jsfiddle.net/x8y50sas/

为什么文本从页边距后面开始？详细的解释会有帮助吗？

Answer 1

您需要在行内包含一个单元格:

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

偏移的原因是 bootstrap 中的行有负边距。它们应始终包含一个添加额外填充的单元格。

文档中的更多信息:http://getbootstrap.com/css/#grid