<button type="button">button标签按钮</button> <input type="submit" value="input标签按钮"/> <span>span标签按钮</span> <div>div标签按钮</div> <label>label标签按钮</label> <a href="##">a标签按钮</a>
不过为了避免浏览器兼容性问题，建议还是使用button或a标签来制作按钮。
定制风格
有如下几种风格的按钮可用：
.btn-primary 主要按钮
.btn-success 成功按钮
.btn-success 信息按钮
.btn-warning 警告按钮
.btn-danger 危险按钮
.btn-link 链接按钮
按钮大小
.btn-lg 大型按钮
.btn-sm 小型按钮
.btn-xs 超小型按钮
块状按钮
使用类名“btn-block”可以让按钮充满整个容器，并且这个按钮不会有任何的padding和margin值。
实现源码：
.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }
图像
<img>标签上添加对应的类名可以实现不同的风格：
.img-responsive：响应式图片，主要针对于响应式设计
.img-rounded：圆角图片
.img-circle：圆形图片
.img-thumbnail：缩略图片
实现源码：
img { vertical-align: middle; } .img-responsive, .thumbnail>img, .thumbnail a >img, .carousel-inner > .item >img, .carousel-inner > .item > a >img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; }
图标
Bootstrap框架中的图标都是字体图标，其实现原理就是通过@font-face属性加载了字体。在Bootstrap框架中有一个fonts的目录，这个目录中提供的字体文件就是用于制作icon的字体文件。
用法如下：<span></span>
所有icon都是以”glyphicon-”前缀的类名开始，然后后缀表示图标的名称。
所有名称可以到这里查看：
除了使用glyphicon.com提供的图标之外，还可以使用第三方为Bootstrap框架设计的图标字体，如Font Awesome()。使用方法和上面介绍的一样，不过要记得将字体下载到本地。