Bootstrap 简明教程
Bootstrap - Buttons Demo
Bootstrap 提供了一些让按钮具有风格的选项。使用实用工具可为任何应用程序设计独一无二的按钮,下表总结了这些工具:
Bootstrap provides some options to style buttons. Use utilities to design unique buttons for any application, which are summarized in the following table −
Sr.No. |
Class & Description |
1 |
btn Default/ Standard button. |
2 |
btn-primary Provides extra visual weight and identifies the primary action in a set of buttons. |
3 |
btn-success Indicates a successful or positive action. |
4 |
btn-info Contextual button for informational alert messages. |
5 |
btn-warning Indicates caution should be taken with this action. |
6 |
btn-danger Indicates a dangerous or potentially negative action. |
7 |
btn-link Deemphasize a button by making it look like a link while maintaining button behavior. |
Example |
Description |
Download link |
This example indicates about button structure in Bootstrap |
||
This example indicates about block button structure in Bootstrap |
||
This example indicates about icon button structure in Bootstrap |
||
This example indicates about spinner button structure in Bootstrap |
||
This example indicates about close button structure in Bootstrap |