bootstrap设置按钮样式
2017-08-04 08:53
645 查看
<a
href="http://www.bootcss.com/"
class="button button-tiny">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-rounded button-tiny">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-pill button-tiny">Go</a>
<button
class="button button-square button-tiny"><i
class="fa fa-plus"></i></button>
<button
class="button button-box button-tiny"><i
class="fa fa-plus"></i></button>
<button
class="button button-circle
11985
button-tiny"><i
class="fa fa-plus"></i></button>
<a
href="http://www.bootcss.com/"
class="button button-primary button-small">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-primary button-rounded button-small">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-primary button-pill button-small">Go</a>
<button
class="button button-primary button-square button-small"><i
class="fa fa-plus"></i></button>
<button
class="button button-primary button-box button-small"><i
class="fa fa-plus"></i></button>
<button
class="button button-primary button-circle button-small"><i
class="fa fa-plus"></i></button>
<a
href="http://www.bootcss.com/"
class="button button-action">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-action button-rounded">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-action button-pill">Go</a>
<button
class="button button-action button-square"><i
class="fa fa-plus"></i></button>
<button
class="button button-action button-box"><i
class="fa fa-plus"></i></button>
<button
class="button button-action button-circle"><i
class="fa fa-plus"></i></button>
<a
href="http://www.bootcss.com/"
class="button button-highlight button-large">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-highlight button-rounded button-large">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-highlight button-pill button-large">Go</a>
<button
class="button button-highlight button-square button-large"><i
class="fa fa-plus"></i></button>
<button
class="button button-highlight button-box button-large"><i
class="fa fa-plus"></i></button>
<button
class="button button-highlight button-circle button-large"><i
class="fa fa-plus"></i></button>
<a
href="http://www.bootcss.com/"
class="button button-caution button-jumbo">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-caution button-rounded button-jumbo">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-caution button-pill button-jumbo">Go</a>
<button
class="button button-caution button-square button-jumbo"><i
class="fa fa-plus"></i></button>
<button
class="button button-caution button-box button-jumbo"><i
class="fa fa-plus"></i></button>
<button
class="button button-caution button-circle button-jumbo"><i
class="fa fa-plus"></i></button>
<a
href="http://www.bootcss.com/"
class="button button-royal button-giant">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-royal button-rounded button-giant">Go</a>
<a
href="http://www.bootcss.com/"
class="button button-royal button-pill button-giant">Go</a>
<button
class="button button-royal button-square button-giant"><i
class="fa fa-plus"></i></button>
<button
class="button button-royal button-box button-giant"><i
class="fa fa-plus"></i></button>
<button
class="button button-royal button-circle button-giant"><i
class="fa fa-plus"></i></button>
相关文章推荐
- input text 文本框的样式 字体样式设置 按钮的样式
- iOS 开发 UITextField常用属性:文本框样式、文字样式、键盘样式、左右视图样式、清除按钮设置等
- bootstrap 按钮样式汇总
- Flex中通过textAlign样式在一个按钮(Button)控件中设置标签(label)对齐方式的例子
- Bootstrap3.0学习笔记之按钮的样式
- 22 Notification样式设置内部按钮点击事件
- bootstrap设置table的样式
- 使用selector设置按钮不同状态的样式(Android)
- buttons.css——可以与bootstrap融合的按钮样式库
- Bootstrap基本样式学习笔记之按钮(4)
- Qt quick 按钮控件及其样式设置
- Flex中如何通过selectedButtonTextStyleName样式,设置ToggleButtonBar选中按钮文本颜色
- IDE的按钮样式设置(蓝色、灰白色)
- iOS开发UITextField常用属性归纳:文本框样式、文字样式、键盘样式、左右视图样式、清除按钮设置等
- bootstrap表格和按钮样式
- 10、Bootstrap--栅格系统与按钮样式
- bootstrap按钮组样式
- Qt设置圆角按钮样式
- Bootstrap历练实例:弹出提示信息的样式按钮
- bootstrap会影响地图上某些样式,设置样式方法