Bootstrap中定义了样式类btn-default，这个样式类一般是作用于按钮，但是也可以对其他的标签元素进行设置，效果跟按钮的功能样式一样。下面利用一个详细的实例说明btn-default样式类的用法，操作如下：
工具/原料
1
Bootstrap
2
HTML5
3
CSS3
4
jquery
5
HBuilder
6
截图工具
7
浏览器
方法/步骤
1
第一步，双击HBuilder开发工具，新建静态页面btn_default.html，如下图所示：
2
第二步，在
插入一个div，class值为container-fluid；再次插入一个div，class值为row，然后在第二个div中插入a标签，class值为btn btn-default，如下图所示：3
第三步，保存代码并预览静态页面，查看到为原始标签内容，样式没有起到作用，如下图所示：
4
第四步，将a标签改为span标签，再次查看效果，结果发现还是一样的，如下图所示：
5
第五步，检查代码发现，由于Bootstrap相关的css文件没有引入，导致样式类不起作用；引入样式文件，如下图所示：
6
第六步，再次保存代码，查看页面效果，可以看到展示的是一个按钮，样式类起到作用了，如下图所示：
注意事项
1
注意Bootstrap样式类btn-default的用法
2
注意要引入Bootstrap样式文件