<button type="button" disabled="disabled">通过disabled属性禁用按钮</button> <button type="button">通过添加类名disabled禁用按钮</button> <button type="button">未禁用的按钮</button>
图像
图像在网页制作中也是常要用到的元素，在Bootstrap框架中对于图像的样式风格提供以下几种风格：
1、img-responsive：响应式图片，主要针对于响应式设计
2、img-rounded：圆角图片
3、img-circle：圆形图片
4、img-thumbnail：缩略图片
使用方法：
使用方法非常简单，只需要在<img>标签上添加对应的类名，如下代码：
<img alt="140x140" src="https://placehold.it/140x140"> <img alt="140x140" src="https://placehold.it/140x140"> <img alt="140x140" src="https://placehold.it/140x140"> <img alt="140x140" src="https://placehold.it/140x140">
设置图片大小：
由于样式没有对图片做大小上的样式限制，所以在实际使用的时候，需要通过其他的方式来处理图片大小。比如说控制图片容器大小。（注意不可以通过css样式直接修改img图片的大小，这样操作就不响应了）
注意：
对于圆角图片和圆形图片效果，因为是使用了CSS3的圆角样式来实现的，所以注意对于IE8以及其以下版本不支持，是没有圆角效果的。
图标
200个icon：
这里说的图标就是Web制作中常看到的小icon图标，可以说这些小icon图标是一个优秀Web中不可缺少的一部分，起到画龙点睛的效果。在Bootstrap框架中也为大家提供了近200个不同的icon图片，而这些图标都是使用CSS3的@font-face属性配合字体来实现的icon效果。
放心使用：
在具体介绍Bootstrap的icon图标之前，我们首先要感谢glyphicons.com网站，因为Bootstrap框架中图标都是glyphicons.com这个商业网站提供的，并且免费授权给Bootstrap框架使用，所以大家可以放心使用在自己的项目当中。
原理分析：
Bootstrap框架中的图标都是字体图标，其实现原理就是通过@font-face属性加载了字体。
大家或许会问，这些字体我去哪里获取。如果你是从前面一直阅读过来，我们在介绍文件结构那一节就已介绍过。在Bootstrap框架中有一个fonts的目录，这个目录中提供的字体文件就是用于制作icon的字体文件。
自定义完字体之后，需要对icon设置一个默认样式，在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现，然后通过伪元素“:before”的“content”属性调取对应的icon编码
在网页中使用图标也非常的简单，在任何内联元素上应用所对应的样式即可：
<span></span> <span></span> <span></span> <span></span>
所有icon都是以”glyphicon-”前缀的类名开始，然后后缀表示图标的名称。具体说明如下：
所有名称查看：
请点击：链接查阅或根据bootstrap.css文件第2393行～第2992行查阅。
特别说明：
除了使用glyphicon.com提供的图标之外，还可以使用第三方为Bootstrap框架设计的图标字体，如Font Awesome()。使用方法和上面介绍的一样，不过记得将字体下载到你本地。 感兴趣的可以阅读官网相关介绍。