Bootsrap按钮

使用Bootstrap
将下面代码放在HTML头部就能把Bootstrap添加到应用中：

link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/``

Bootstrap使用单个按钮标签
单个标签可以为< a >< button >< input >元素添加样式，例如：

<a class="btn btn-primary">首选项按钮</a>

不同的class对应的颜色分别为：

• btn-default 默认（白色）
• btn-primary 首选项（深蓝）
• btn-success 成功（绿色）
• btn-info 一般信息（天蓝）
• btn-warning 警告（橙色）
• btn-danger 危险（红色）
• btn-link 链接（蓝色）

大小尺寸分别为：

• 大按钮：btn-lg
• 小按钮：btn-sm
• 超小按钮：btn-xs
• 块元素，宽度为父元素的100%：btn-block

可否点击状态

• 激活状态：active
• 禁用状态：disabled

当要使用一组按钮的时候

将按钮放在< div >内例如

<div class="btn-group" role="group" aria-label="...">
     <button type="button" class="btn btn-default">按钮</button>
     <button type="button" class="btn btn-success">按钮</button>
     <button type="button" class="btn btn-warning">按钮</button>
</div>

< div>里的容器为：btn-group，一组按钮必须包含在这样的容器中。role="group"是传达一个信息：这是按钮分组。aria-label是为了别的辅助技术能正确的识别它们。

同样的可以在< class>里设置按钮大小，排列方式，

• btn-group-lg 大按钮
• btn-group-sm 小按钮
• btn-group-xs 超小按钮
• btn-group-vertical 垂直排列
• btn-group-justified 两端对齐(button元素会随内容变宽，只适用于a,span元素)