bootstrap中对按钮的美化还是丰富的，提供了多个好看和各中状态时对应的颜色显示，不用再去自己写按钮的样式，直接调取。
效果如下：
只需要在行内标签或块状标签中加上两个类样式 btn btn-default
<input class="btn btn-default" type="submit" value="Submit">
上面中的效果按钮只是普通的按钮效果，在实际应用中按钮还有一些其他的状态，比如：
<button type="button" class="btn btn-default">（默认样式）Default</button> <button type="button" class="btn btn-primary">（首选项）Primary</button> <button type="button" class="btn btn-success">（成功）Success</button> <button type="button" class="btn btn-info">（一般信息）Info</button> <button type="button" class="btn btn-warning">（警告）Warning</button> <button type="button" class="btn btn-danger">（危险）Danger</button> <button type="button" class="btn btn-link">（链接）Link</button>
除了公共的样式btn外，还加入了btn-default、btn-primary、btn-success、btn-info、btn-warning、btn-danger、btn-link进行分别的设置。
在上面的样式中，在增加使用 .btn-lg、.btn-sm 或 .btn-xs 就可以获得不同尺寸的按钮。
<p> <button type="button" class="btn btn-primary btn-lg">（大按钮）Large button</button> <button type="button" class="btn btn-default btn-lg">（大按钮）Large button</button> </p> <p> <button type="button" class="btn btn-primary">（默认尺寸）Default button</button> <button type="button" class="btn btn-default">（默认尺寸）Default button</button> </p> <p> <button type="button" class="btn btn-primary btn-sm">（小按钮）Small button</button> <button type="button" class="btn btn-default btn-sm">（小按钮）Small button</button> </p> <p> <button type="button" class="btn btn-primary btn-xs">（超小尺寸）Extra small button</button> <button type="button" class="btn btn-default btn-xs">（超小尺寸）Extra small button</button> </p>
如果还要更大些的100%宽度按钮，通过给按钮添加 .btn-block 类。
<button type="button" class="btn btn-primary btn-lg btn-block">（块级元素）Block level button</button> <button type="button" class="btn btn-default btn-lg btn-block">（块级元素）Block level button</button>
激活按钮和未激活状态的设置，.active 类和disabled 属性。
<a href="#" class="btn btn-primary btn-lg active" role="button">Primary link</a> <button type="button" class="btn btn-lg btn-primary" disabled="disabled">Primary button</button>
bootstrap 中的按钮美化无非就是加入公共btn按钮类和一些其他的类的一起调用来实现各种按钮效果，加入对应的类后还能实现响应宽度的按钮效果，用起来很方便。
