# Bootstrap 图像
在本章中，我们将学习 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="img/download.png"
class="img-rounded">
<img src="img/download.png"
class="img-circle">
<img src="img/download.png"
class="img-thumbnail">
</body>
</html>
```
[](/try/tryit.php?filename=bootstrap3-image)
结果如下所示：
- Bootstrap 简介
- Bootstrap 简介
- Bootstrap 环境安装
- Bootstrap CSS
- Bootstrap CSS 概览
- Bootstrap 网格系统
- Bootstrap 排版
- Bootstrap 代码
- Bootstrap 表格
- Bootstrap 表单
- Bootstrap 按钮
- Bootstrap 图像
- Bootstrap 帮助器类
- Bootstrap 响应式实用工具
- Bootstrap 字形图标（Glyphicons）
- Bootstrap 下拉菜单（Dropdowns）
- Bootstrap 按钮组
- Bootstrap 按钮下拉菜单
- Bootstrap 输入框组
- Bootstrap 导航元素
- Bootstrap 导航栏
- Bootstrap 面包屑导航（Breadcrumbs）
- Bootstrap 分页
- Bootstrap 标签
- Bootstrap 徽章（Badges）
- Bootstrap 超大屏幕（Jumbotron）
- Bootstrap 页面标题（Page Header）
- Bootstrap 缩略图
- Bootstrap 警告（Alerts）
- Bootstrap 进度条
- Bootstrap 多媒体对象（Media Object）
- Bootstrap 列表组
- Bootstrap 面板（Panels）
- Bootstrap Wells
- Bootstrap 插件
- Bootstrap 插件概览
- Bootstrap 过渡效果（Transition）插件
- Bootstrap 模态框（Modal）插件
- Bootstrap 下拉菜单（Dropdown）插件
- Bootstrap 滚动监听（Scrollspy）插件
- Bootstrap 标签页（Tab）插件
- Bootstrap 工具提示（Tooltip）插件
- Bootstrap 弹出框（Popover）插件
- Bootstrap 警告框（Alert）插件
- Bootstrap 按钮（Button）插件
- Bootstrap 折叠（Collapse）插件
- Bootstrap 轮播（Carousel）插件
- Bootstrap 附加导航（Affix）插件
- Bootstrap 其它
- Bootstrap UI 编辑器
- Bootstrap HTML编码规范
- Bootstrap CSS编码规范
- 免责声明