掌握Bootstrap组件的添加：按钮

使用Bootstrap的按钮样式

使用Bootstrap的按钮样式非常简单，只需要在button中引入对应的class即可

Bookstores准备

引入Bootstrap的css样式

引入jQuery

一、效果图

（一）普通引入

（二）设置大小

.btn-lg
.btn-sm
,bt-xs

（三）设置 role

二、实现代码

（一）普通引入

   普通按钮.btn .but-default.btn-primary.btn-success.btn-info.btn-warning.btn-danger.btn-link
 

（二）设置大小

普通按钮.btn普通按钮.btn.btn-primary.btn-success
 

（三）设置 role

 
默认状态默认状态默认状态
默认状态活动状态禁用状态
 

三、完整代码

 
 
 
 

 

 

 
普通按钮.btn .but-default.btn-primary.btn-success.btn-info.btn-warning.btn-danger.btn-link



普通按钮.btn普通按钮.btn.btn-primary.btn-success


默认状态默认状态默认状态
默认状态活动状态禁用状态