在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中出现错误图片库

回答

相关问题