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
上开源。