V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
cqcn1991
V2EX  ›  分享创造

分享一段前端代码, Adaptive Thumbnail (Twitter Bootstrap )

  •  
  •   cqcn1991 ·
    cqcn1991 · 2015-08-12 12:21:51 +08:00 · 2165 次点击
    这是一个创建于 3391 天前的主题,其中的信息可能已经有所发展或是发生改变。

    效果图

    具体效果如上,上为桌面端,下为移动端,用在了之前的demo (http://productchase.coding.io ) 当中,你也可以直接去看看

    Thumbnail是我自己很喜欢的一个Twitter Bootstrap里面的组件,有图有文字,简单好看
    唯一的问题就是移动端时,依然是图上文字下,占空间太大,我个人觉得横版更方便浏览,所以做了这个修改

    具体代码见https://gist.github.com/cqcn1991/d6385a41ad0c4000f560
    打不开也可以直接看Codepen: http://codepen.io/cqcn1991/pen/eNxOpd

    水平有限,希望大家也能指点一下~

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1192 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 18:30 · PVG 02:30 · LAX 10:30 · JFK 13:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.