Bootstrap3.0学习笔记之按钮的样式

　　本文主要讲解的是按钮的样式。

　　1.选项

　　2.尺寸

　　3.活动状态

　　4.禁用状态

　　5.可做按钮使用的Html标签

　　6.总结

　　选项

　　使用上面列出的class可以快速创建一个带有样式的按钮。

　　复制代码代码如下:

　　尺寸

　　需要让按钮具有不同尺寸吗？使用.btn-lg、.btn-sm、.btn-xs可以获得不同尺寸的按钮。

　　复制代码代码如下:

　　通过给按钮添加.btn-block可以使其充满父节点100%的宽度，而且按钮也变为了块级（block）元素。

　　复制代码代码如下:

　　活动状态

　　当按钮处于活动状态时，其表现为被按压下（底色更深，边框夜色更深，内置阴影）。对于B

　　链接元素

　　可以为添加.activeclass。

　　复制代码代码如下:

　　可以和上面的button进行一下对比。

　　禁用状态

　　通过将按钮的背景色做50%的褪色处理就可以呈现出无法点击的效果。

　　按钮元素

　　为

　　可以把鼠标放在按钮上点击查看效果。

　　跨浏览器的兼容性

　　如果为

　　跨浏览器表现

相关文章