Bootstrap 图像
2016-01-26 00:00
573 查看
摘要: Bootstrap 图像
在本章中,我们将学习 Bootstrap 对图像的支持。Bootstrap 提供了三个可对图像应用简单样式的 class:
.img-rounded:添加 border-radius:6px 来获得图像圆角。
.img-circle:添加 border-radius:500px 来让整个图像变成圆形。
.img-thumbnail:添加一些内边距(padding)和一个灰色的边框。
请看下面的实例演示:
尝试一下 »
结果如下所示:
原文地址:http://www.phplearn.cn/bootstrap/bootstrap-images.html
在本章中,我们将学习 Bootstrap 对图像的支持。Bootstrap 提供了三个可对图像应用简单样式的 class:
.img-rounded:添加 border-radius:6px 来获得图像圆角。
.img-circle:添加 border-radius:500px 来让整个图像变成圆形。
.img-thumbnail:添加一些内边距(padding)和一个灰色的边框。
请看下面的实例演示:
<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 图像</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src="/scripts/jquery.min.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> </head> <body> <img src="/images/download.png" class="img-rounded"> <img src="/images/download.png" class="img-circle"> <img src="/images/download.png" class="img-thumbnail"> </body> </html>
尝试一下 »
结果如下所示:
原文地址:http://www.phplearn.cn/bootstrap/bootstrap-images.html
相关文章推荐
- Bootstrap 帮助器类
- Bootstrap 响应式实用工具
- Bootstrap 字形图标(Glyphicons)
- Bootstrap 下拉菜单(Dropdowns)
- Bootstrap 按钮组
- Bootstrap 按钮下拉菜单
- Bootstrap V4 自学之路 文档目录
- bootstrap
- Bootstrap树形组件jqTree的简单封装
- BootStrap学习
- Bootstrap_表单
- thinkphp+bootstrap制作的新闻系统
- 学习笔记之利用bootstrap仿Ghost静态页面
- 基于BootStrap框架构建快速响应的GPS部标监控平台
- 学习笔记之bootstrap+thinkphp分页样式
- Bootstrap网格系统
- Bootstrap 教程
- Bootstrap 简介
- Bootstrap 环境安装
- Bootstrap CSS 概览