位置: 编程技术 - 正文
推荐整理分享BootStrap按钮标签及基本样式(bootstrap 标签),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:bootstrap定义按钮,bootstrap a标签,bootstrap section标签,bootstrap怎么让按钮居中,bootstrap定义按钮,bootstrap按钮的风格有哪些?,bootstrap按钮的风格有哪些?,bootstrap section标签,内容如对您有帮助,希望把文章链接给更多的朋友!
按钮标签
在<a>,<button>或input元素上使用按钮class。但是为了避免跨浏览器的不一致性,建议使用<button>标签。
感觉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 块级按钮,拉伸至父元素%的宽度
按钮这里并不能构成响应式分布,如果三个都写了,最后一个类会覆盖前面的样式。
状态
active 表示按钮被激活,按钮会比普通的按钮宽一些
disabled disabled属性和disabled类都能将按钮禁用,两者效果相同。对于link,用disabled属性会让link显示出和button相同的效果。鼠标移上去就变成禁止的样式
以上所述是小编给大家介绍的BootStrap按钮标签及基本样式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!
domReady的实现案例 我们都知道JQ的$(document).ready(fn)方法。可以在页面准备就绪后才执行脚本,该方法相比传统的window.onload事件,它的优势体现于onload事件是需要等到页面
jQuery实现根据生日计算年龄 星座 生肖 htmlheadtitle/titlescriptsrc="Scripts/jquery-1.4.1.js"type="text/javascript"/scriptscripttype="text/javascript"//根据输入的生日自动获取星座,生肖和年龄。varyear=newArray("猪","鼠
怎样判断jQuery当前元素是隐藏还是显示 $(this).is(":hidden");//如果元素是隐藏的话,则返回trueis挺好用的,他能够用jQuery选择器作为参数,特别是跟jQuery里面的选择器里面那些以冒号开头的筛选
标签: bootstrap 标签
本文链接地址:https://www.jiuchutong.com/biancheng/377843.html 转载请保留说明!上一篇:分类解析jQuery选择器(jquery层次选择器主要包括哪几种分类)
下一篇:domReady的实现案例
友情链接: 武汉网站建设