2017-06-18 3 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>

巨大です

関連する問題