Bootstrap:网格内的缩略图太窄

时间:2018-04-17 12:56:32

标签: twitter-bootstrap twitter-bootstrap-3

我使用Bootstrap的网格系统用于中(md)屏幕尺寸。当我粘贴缩略图代码(来自getbootstrap.com的自定义内容)时,我的缩略图太窄(默认文本“缩略图标签”超出缩略图右边框“Thumb-”)。但是,我希望缩略图在网格系统中具有完整大小。相关代码:

<div class="row">
  <div class="col-md-4">
    <div class="row">
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img src="..." alt="...">
          <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>
  </div>
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
</div>

Ubuntu 16.04 LTS桌面,最新的Firefox,Bootstrap是3.3.7。

0 个答案:

没有答案