聪明的人懂得说,智慧的人懂得听,高明的人懂得问。若要前行,就得离开你现在停留的地方。早安!
本文大家分享了Bootstrap CSS布局之图像,供大家参考,具体内容如下
img-rounded、img-circle、img-thumbnail(缩放图模式)
//源码 img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } //缩略图模式 .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; }
以上就是Bootstrap CSS布局之图像。自己喜欢的日子,就是最美的日子;适合自己的活法,就是最好的活法。更多关于Bootstrap CSS布局之图像请关注haodaima.com其它相关文章!