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> 

的原因偏移，在引導行有負面保證金。它們應該總是包含一個增加額外填充的單元格。

在文檔更多信息：http://getbootstrap.com/css/#grid

Answer 2

由於能夠使用你需要用裏面container類的元素網格系統。閱讀這篇文章：http://getbootstrap.com/css/#overview-container

例子：

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

Answer 3

您必須在塊 「容器」 封閉塊 「行」 爲：

<div class="container"> 
    <div class="row"> 
    <!-- Example: 3 Cell --> 
    <div class="col-lg-4">...</div> 
    <div class="col-lg-4">...</div> 
    <div class="col-lg-4">...</div> 
    </div> 
</div>