在Bootstrap中出現錯誤圖片庫

我是Bootstrap新手，想要創建圖片庫。我多麼希望是在Bootstrap中出現錯誤圖片庫

但我得到這樣的：

我的HTML代碼是這樣的：

<div class="row"> 
        <div class="col-md-4"> 
         <a href="#" class="thumbnail"> 
          <img src="img/sell/5.jpg" class="img-responsive" alt="..."> 
         </a> 
        </div> 
        <div class="col-md-8"> 
         <div class="col-md-12"> 
          <a href="#" class="thumbnail"> 
           <img src="img/slider/slider-1.jpg" class="img-responsive" alt="..."> 
          </a> 
         </div> 
         <div class="col-md-6"> 
          <a href="#" class="thumbnail"> 
           <img src="img/sell/5.jpg" class="img-responsive" alt="..."> 
          </a> 
         </div> 
         <div class="col-md-6"> 
          <a href="#" class="thumbnail"> 
           <img src="img/sell/5.jpg" class="img-responsive" alt="..."> 
          </a> 
         </div> 
</div>

請告訴如何寫正確碼。

來源

2016-07-23 Aman

您正確地得到它，唯一的區別是，在您的期望中，左側圖像的高度等於右側圖片的高度。儘管使用右側列的子行會更好。 – AliIshaq

感謝您的回覆。我不知道子行......你能告訴我如何使用它們。 – Aman

這裏不需要。但是，如果您打算將右列分割成行，您可以在「col」中設置類「row」。 – AliIshaq

你有正確的代碼。不同之處在於，您的左側圖片與正確圖片的高度並不相同。

在期望示例中，左側圖像等於右側兩行圖像的高度。在右側使用更長的圖像將修復它（或給左列增加更寬的列空間）。

來源

2016-07-23 08:52:43 AliIshaq

在Bootstrap中出現錯誤圖片庫

回答

相關問題