Boostrap 中的 图片与图标

一. 图片

在Bootstrap框架中对于图像的样式风格提供以下几种风格：

• .img-responsive：响应式图片，主要针对于响应式设计
• .img-rounded：圆角图片
• .img-circle：圆形图片
• .img-thumbnail：缩略图片，相框效果

直接把类名添加到img标签上就行了！

注意： 设置图片大小时，由于样式没有对图片做大小上的样式限制，所以在实际使用的时候，需要通过其他的方式来处理图片大小。比如说控制图片容器大小。（注意不可以通过css样式直接修改img图片的大小，这样操作就不响应了）

二. 图标

这里说的图标就是Web制作中常看到的小icon图标，包括250多个来自 Glyphicon Halflings 的字体图标，Bootstrap框架中图标都是glyphicons.com这个商业网站提供的，并且免费授权给Bootstrap框架使用。
不过，大家普遍更愿意使用Font Awesome，使用方法非常简单：

• 在页面顶部添加 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>

• 添加 .fa .icon_name 到 <i> 标签。 这里的 icon_name 到 Font Awesome网站 查询

• 更多详细参见 我的 FontAwesome 学习随笔