失敗的引導程序網格系統

Question

我只是想創建一個簡單的兩列部分，但它不起作用。 其實這個問題已經困擾了我很長一段時間。有時我可以修復它，有時我不能。所以請幫助我！

<section> 
<div class="cotainer"> 
    <div class="row"> 
     <div class="col-xs-6"> 
      <img src="../img/adobe-dreamweaver--Feature_1290x688_MS.jpg"/> 
     </div> 
     <div class="col-xs-6"> 
      <h1>Web-Design</h1> 
     </div> 
    </div> 
</div> 

這是什麼樣子：

Answer 1

在您包括bootstrap.css HTML頭和修復您的代碼：檢查類名，並添加IMG響應類這些列中的圖像。

<div class="container"> 
    <div class="row"> 
     <div class="col-xs-6"> 
      <img class="img-responsive" src="../img/adobe-dreamweaver--Feature_1290x688_MS.jpg"/> 
     </div> 
     <div class="col-xs-6"> 
      <h1>Web-Design</h1> 
     </div> 
    </div> 
</div> 

接下來就是閱讀Bootstrap文檔：http://getbootstrap.com。