2017-06-18 62 views
0

你能看看This Demo並讓我知道爲什麼我不能設置水平縮略圖來顯示縮略圖圖像右側的標題而不是默認向下的圖像嗎?不能設置引導程序3水平縮略圖

<div class="col-md-6"> 
    <div class="thumbnail clearfix"> 
     <div class="col-md-3"> 
      <img src="https://v1.myhometheme.net/wp-content/uploads/2017/01/cozy-apartament.jpg" alt="..."> 
     </div> 
     <div class="col-md-6"> 
      <div class="caption"> 
     <h3>Thumbnail label</h3> 
     <p>...</p> 
     <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> 
     </div> 
     </div> 
    </div> 
</div> 

回答

0

結構是正確的,但圖像是巨大的

http://jsfiddle.net/ngb3n9gx/

<div class="col-md-6"> 
 
    <div class="thumbnail clearfix"> 
 
     <div class="col-md-3"> 
 
      <img src="http://via.placeholder.com/200x200" alt="..."> 
 
     </div> 
 
     <div class="col-md-6"> 
 
      <div class="caption"> 
 
     <h3>Thumbnail label</h3> 
 
     <p>...</p> 
 
     <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p> 
 
     </div> 
 
     </div> 
 
    </div> 
 
</div>

必須設置圖像寬度