不能设置引导程序3水平缩略图

Question

你能看看This Demo并让我知道为什么我不能设置水平缩略图来显示缩略图图像右侧的标题而不是默认向下的图像吗？

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

Answer 1

结构是正确的，但图像是巨大的

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>

必须设置图像宽度