horizo​​ntal Bootstrap缩略图

Question

我在Bootstrap缩略图中遇到了问题。我的缩略图是这样的： img01。但想要保持水平。
我在做什么？

我的代码：

HTML：

<div class="hrs" align="center"> 
    <div class="row"> 
     <div class="col-xs-6 col-lg-6 col-md-6 col-sm-6"> 
     <div class="thumbnail"> 
      <img src="img/AxMahsool.jpg" alt="AxMahsool01" class="img-responsive" /> 
      <img src="img/AxMahsool.jpg" alt="AxMahsool02" class=" img-responsive" /> 
     </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-xs-6 col-lg-6 col-md-6 col-sm-6"> 
     <div class="thumbnail"> 
      <img src="img/AxMahsool.jpg" alt="AxMahsool03" class=" img-responsive" /> 
      <img src="img/AxMahsool.jpg" alt="AxMahsool04" class=" img-responsive" /> 
     </div> 
     </div> 
    </div> 
    </div> 

的CSS：

.hrs{ 
    display: table; 
    margin: 0 auto; 
    padding: 20px; 
    color: white; 

Answer 1

这是因为你们在不同的<div class="row">容器有它们。你应该做的是把所有的图像放在同一个行容器中（所以拿出第二个<div class="row">） - 和/或 - 尝试将这个代码添加到你的CSS中：

.thumbnail>img { display: inline-block; }