bootstarap 按钮大小_Bootstrap 按钮的尺寸

Bootstrap 按钮的尺寸

发布时间：2018-03-07 09:57,

浏览次数：396

, 标签：

Bootstrap

Bootstrap提供了 3 个相对尺寸的类，用来设置按钮的尺寸。如果希望比默认按钮大一些，使用 .btn-large 类；希望比默认按钮小一些，使用

.btn-mini 或 .btn-small 类。如：

*

*   Large button

*   Large button

*

*

*   Default button

*   Default button

*

*

*   Small button

*   Small button

*

*

*   Mini button

*   Mini button

*

效果如图 3‑57所示：

图3-57 Bootstrap按钮尺寸

如果想创建一个“块级”按钮，也没问题，只需添加 .btn-block 类。此时，按钮的宽度就会是 100%。如：

* Block

level button

* Block level button

效果如图 3‑58所示：

图3-58 Bootstrap块级按钮

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通

HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典

》、《揭秘CSS

》、《Less简明教程 》、《JSON教程

》、《Bootstrap2用户指南

》、《Bootstrap3实用教程

》，并全部在 GitHub

上开源。