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; }