Bootstrap图片
来源:互联网 发布:java consumer accept 编辑:程序博客网 时间:2024/05/10 13:12
1.Bootstrap提供了三个可对图片应用简单样式的class
.img-rounded:添加border-radius:6px来获得图片圆角,为图片添加圆角.img-circle:添加border-radius:50%来让整图片变成圆形.img-thumbnail:添加一些内边距(padding)和一个灰色的边框(缩略图功能)
<img src="/wp-content/uploads/2014/06/download.png" class="img-rounded"><img src="/wp-content/uploads/2014/06/download.png" class="img-circle"><img src="/wp-content/uploads/2014/06/download.png" class="img-thumbnail">
2.响应式图片
添加.img-responsive类让图片支持响应式设计。图片将很好的扩展到父元素。.img-responsive类将max-width:100%和height:auto样式应用在图片上
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
0 0
- Bootstrap图片
- Bootstrap图片
- bootstrap图片
- Bootstrap 图片
- bootstrap 图片上传实例
- bootstrap图片轮播
- bootstrap-fileinput图片上传
- Bootstrap图片轮播
- Bootstrap图片轮播
- Bootstrap 按钮 图片
- bootstrap-input 上传图片
- 【BootStrap】图片轮播
- 使用bootstrap操作图片
- BootStrap图片轮播
- Bootstrap 图片轮播
- Bootstrap图片轮播
- Bootstrap图片样式使用方法
- Bootstrap学习-图片
- 各种浏览器开启JavaScript脚本方法
- 2.11 结构化程序设计思想
- [李景山php]每天laravel-20160826|EncryptionServiceProvider
- asp.net如何定时执行任务
- 2.12 常用算法的应用实例
- Bootstrap图片
- php中heredoc与nowdoc的使用方法
- 基于viewpager的广告滑动效果
- 图片映射、热点
- 笔试题77. LeetCode OJ (64)
- 2.13 枚举类型
- iOS访问https ssl和tls双向加密
- 2.14 文件操作
- 正确的 Composer 扩展包安装方法