Bootstrap 3:包装到第二行的缩略图标题文本使容器高度拉伸

时间:2014-09-14 12:25:11

标签: html css twitter-bootstrap-3

Bootstrap 2存在同样的问题,但未得到答复。希望对于Bootstrap 3来说,有人可以完成任务:-)。 请注意,还有另一个问题。屏幕分辨率越低,文本不仅会打破容器形状,还会突破容器 提前谢谢!
我有以下代码:

    <div class="col-md-1">
    <a class="thumbnail" href="islauncher:C:\Program Files\Microsoft Office\Office14\POWERPNT.exe">
    <img alt="PowerPoint" src="/sites/hedevenv/AppImages/PowerPoint.jpg">
    <div class="caption" style="align-content: center;">PowerPoint</div>
    </a>
    </div>

1 个答案:

答案 0 :(得分:0)

解决方法: 我通过以下方式解决了这个问题:                                                                                                      1.在每个col-md-1之间给出20px的边距(下,左,右)。 2.将标题放在容器外面,在其下面,并给每个标题另外10px底部边距。

现在一切看起来还不错,但是对于那些在每个缩略图周围没有20px并且你不能在下面添加标题的情况获得其他想法会很好。