如何在iOS中制作Bootstrap 3 Style Framed图像

时间:2013-10-12 23:57:47

标签: ios css twitter-bootstrap uiimage

我想让3个图像效果是iOS匹配Bootstrap效果:

http://getbootstrap.com/css/#images

我想出了圆角和圆角。圈子 - 但是......陷害的人正在困扰我。

" IMG-缩略图" - 在图像周围制作一个灰色的圆角矩形框。

如何做到这一点? 这样做的任何图书馆?

THX

1 个答案:

答案 0 :(得分:3)

非常简单。这只是css边界。这是来自bootstrap源的原始类代码。

.img-thumbnail {
display: inline-block;
height: auto;
max-width: 100%;
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
}