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>

您必须设置图像宽度

无法设置Bootstrap 3水平缩略图

1 个答案: