【问题标题】:Bootstrap + Thumbnail Grid with Expanding Preview带有扩展预览的引导程序 + 缩略图网格
【发布时间】:2014-07-31 16:22:53
【问题描述】:

我在尝试使用带有 Bootstrap 3 html/css 响应式网格的扩展预览的缩略图网格时遇到问题:

http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/

尝试点击不同的图片,图片与预览叠加: http://bit.ly/1psqfM2

有谁遇到过同样的问题,有解决办法吗?

非常感谢

【问题讨论】:

    标签: html css twitter-bootstrap twitter-bootstrap-3


    【解决方案1】:

    检查它是否有效 - 将 .og-grid li 更改为:

    width: 25%;
    float: left;
    display: inline-block;
    

    width: 24%; /* (or just use -box-sizing because current 25% + margin exceed size for 4 columns)  */
    float: none;
    display: inline-block;
    

    更多关于盒子尺寸的信息:http://css-tricks.com/box-sizing/

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-08
    • 1970-01-01
    相关资源
    最近更新 更多