Bootstrap CSS布局之图像

前端之家收集整理的这篇文章主要介绍了Bootstrap CSS布局之图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文大家分享了Bootstrap CSS布局之图像,供大家参考,具体内容如下

img-rounded、img-circle、img-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%; }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/bootstrap/43446.html

猜你在找的Bootstrap相关文章