列使用引導網格系統一直垂直堆疊，而不是在一排

-1

<!DOCTYPE html> 

<html> 

    <head> 
     <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> 
     <title>Column Test</title> 
    </head> 

    <body> 
     <div class="container"> 
     <div class="row"> 
      <div class="col-md-2">a</div> 
      <div class="col-md-2">b</div> 
      <div class="col-md-2">c</div> 
      <div class="col-md-2">d</div> 
      <div class="col-md-2">e</div> 
      <div class="col-md-2">f</div> 
     </div> 

     <div class="row"> 
      <div class="col-md-2">g</div> 
      <div class="col-md-2">h</div> 
      <div class="col-md-2">i</div> 
      <div class="col-md-2">j</div> 
      <div class="col-md-2">k</div> 
      <div class="col-md-2">l</div> 
     </div> 
      </div> 
    </body> 

</html>

身體標記中的代碼是從一些網站當作引導電網系統的一個例子。它可以在粘貼到w3school的自編編輯器中進行引導時使用。但是，當我嘗試在Chrome中運行整個HTML文件時，行元素都是垂直堆疊的。在html文件的其他部分的語法中是否存在根本性錯誤？還是有什麼關於bootstrap的網格系統本身的語法，我錯過了？

大約在一年前問了一個類似的問題：Columns in bootstrap 3.0 only stacking vertically 這個問題的單一答案與使用xs切換md有關，但我使用的是13英寸MacBook Pro，所以md應該這樣做。無論如何，我已經嘗試過使用不同大小的col類，所以這顯然不是問題。

來源

2015-05-17 AlexanderDickinson

缺少視口標記：http://getbootstrap.com/css/#overview –

我把bootstrap.css放在項目的css文件夾中。我是否需要引用由bootstrap提供的其他css文件？ – AlexanderDickinson

正如文檔中所述，我在頭中放置了。這沒有做什麼。這是你錯過了視口標籤的意思嗎？ – AlexanderDickinson