按钮

可作为按钮使用的标签或元素

a,button,input元素添加按钮类即可使用

导航和导航条组件只支持button元素
如果a被作为按钮,且用于触发功能而不是链接,需要增加role='button'
尽可能使用button元素

预定义样式

<button class='btn btn-default'>DEFAULT</button>
<button class='btn btn-promary'>首选项Primary</button>
<button class='btn btn-success'>成功Success</button>
<button class='btn btn-info'>一般信息Info</button>
<button class='btn btn-warning'>警告warning</button>
<button class='btn btn-danger'>危险Danger</button>
<button class='btn btn-link'>链接Link</button>

尺寸

使用.btn-lg.btn-sm.btn-xs获得不同尺寸的按钮;
使用.btn-block可以将按钮变为块级元素,拉伸至父元素100%;

激活状态

.active

禁用状态

增加disabled属性;

IE9及以下版本不兼容
给a元素增加的disabled不会影响链接的原始功能,需要用js禁用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容