Bootstrap 3缩略图:正确的帧图像

Question

在Bootstrap 3中我想设计一个带有2个缩略图的行,所以,按照文档,我有代码:

<div class="container">
  <div class="row">
  <div class="col-md-3">
    <div class = "thumbnail">
      <img src="link" alt="150x150" style="width: 150px; height: 150px;">
      <div class="caption">
        <h3>Thumbnail label</h3>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class = "thumbnail">
      <img src="link" alt="150x150" style="width: 150px; height: 150px;">
      <div class="caption">
        <h3>Thumbnail label</h3>
      </div>
    </div>
  </div>

我得到的是下面的html页面(我发布图片摘录):

我如何获得像引导文档中那样的框架(正确封装图像)？:

注意:我的图像尺寸为150px x 150px

Answer 1

.thumbnail类设置为块,将其更改为inline-block就可以了

.thumbnail {
   display: inline-block;
}

干杯