微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

BootStrap按钮标签及基本样式

按钮标签

,

感觉link标签的不怎么明显,但是还是能够从边距上看出是一个button的,这里只是说明了怎样利用不同的标签来使用btnclass。

可以使用在以上标签的样式

基本样式

btn 为按钮添加基本的按钮样式,一般与下面的类联合只用,这样可以保证按钮大小和边距的统一。

颜色

btn-default认的按钮样式,就是白底黑字灰框,要跟btn联合使用,下同 btn-primary 原始的按钮样式,蓝底白字 btn-success 成功的样式,绿底白字 btn-info表示点击后会弹出信息,淡蓝色底白字 btn-warning 表示需要谨慎操作的按钮,黄底白字 btn-danger表示危险的操作,红底白字 btn-link让按钮看起来像一个连接,仍然保持按钮的行为

大小

btn-lg 比普通的图标要大的大图标 btn-sm 小图标 btn-xs 超小图标 btn-block 块级按钮,拉伸至父元素100%的宽度

按钮这里并不能构成响应式分布,如果三个都写了,最后一个类会覆盖前面的样式。

状态

active 表示按钮被激活,按钮会比普通的按钮宽一些

disabled disabled属性disabled类都能将按钮禁用,两者效果相同。对于link,用disabled属性会让link显示出和button相同的效果。鼠标移上去就变成禁止的样式

rush:js;">

以上所述是小编给大家介绍的BootStrap按钮标签及基本样式。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐