当前位置：
凯发ag旗舰厅登录网址下载 >
前端技术
> css
>内容正文
css
bootstrap（七）：css-凯发ag旗舰厅登录网址下载
凯发ag旗舰厅登录网址下载
收集整理的这篇文章主要介绍了
bootstrap（七）：css--图片
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
1.基本样式
主要四个样式类：
设置布局 .img-responsive : 可以让图片支持响应式布局，从而让图片在其父元素中更好的缩放；
设置形状 .img-rounded ： 设置图片为圆角；
设置形状 .img-circle ： 设置图片为圆形(照片若是长方形，则是椭圆形，照片若是正方形这是圆形)；
设置形状 .img-thumbnail ：设置图片为带边框(白色)；
<form class="form-horizontal"><div class="form-group"><div class="col-sm-10 col-xs-3"><img alt="" src="test.jpg" class="img-responsive">div>div><div class="form-group"><div class="col-sm-4 col-xs-4"><img alt="" src="test.jpg" class="img-responsive img-rounded">div><div class="col-sm-4 col-xs-4"><img alt="" src="test.jpg" class="img-responsive img-circle">div><div class="col-sm-4 col-xs-4"><img alt="" src="test.jpg" class="img-responsive img-thumbnail">div>div>form>
转载于:https://www.cnblogs.com/devan/p/5208929.html
总结
以上是凯发ag旗舰厅登录网址下载为你收集整理的bootstrap（七）：css--图片的全部内容，希望文章能够帮你解决所遇到的问题。
如果觉得凯发ag旗舰厅登录网址下载网站内容还不错，欢迎将凯发ag旗舰厅登录网址下载推荐给好友。
- 上一篇：
- 下一篇：