Bootstrap網格偏移量報價

Question

我是Bootstrap的新手，因此遇到了這個問題。

<div class="container row">
    <div id="page" class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
        <div id="header"></div>

        <div id="article"></div>

        <div id="footer"></div>

    </div>
    <div class="col-lg-2 col-md-1"></div>

在boostrap文檔中，它表明我不必使用最后一個div。 doc： <div class="row"> <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div> </div>

6 + 3 =9。缺少3個col。 我只是想確保在進一步了解更多細節之前，我已經理解了這一點。 如果有col一個內心缺少什么row會row自動添加它們？ 從長遠來看，還是我會有某種意外的錯誤。

我以前使用的是1200px網格系統。 而且我總是必須按正確的順序和正確的數字添加列。

Answer 1

6 + 3 = 9＆剩余的列/網格，即3列空間將保持為空，不會產生任何錯誤，它只是將具有類col-md-offset-3的DIV居中對齊，方法是將其向左移動3列，右側的3列為空，因此DIV將居中對齊。

希望這會帶來一些澄清，謝謝。

Answer 2

第一：不要將類容器和行放在同一個div中。

答：如果您開始新的一行，它將再次從零開始計數。

您可以將所有部分放在單獨的容器中。

<div class='container'><!--this is your container-->
  <div class='row'><!--this is your row-->
     <div class='col-md-4 col-md-offset-3'><!--populating row with col with offset-->
     </div>
  </div>
  <div class='row'>
     <!--some other cols will start counting from zero because it is a new row-->
  </div>
</div>