Bootstrap 简明教程
Bootstrap - Buttons Demo
Bootstrap 提供了一些让按钮具有风格的选项。使用实用工具可为任何应用程序设计独一无二的按钮,下表总结了这些工具:
Sr.No. |
Class & Description |
1 |
btn Default/ Standard button. |
2 |
btn-primary 提供额外的视觉权重,并标识一系列按钮中的主要操作。 |
3 |
btn-success 表示成功或积极的操作。 |
4 |
btn-info 用于信息警报消息的上下文按钮。 |
5 |
btn-warning 表示此操作应谨慎执行。 |
6 |
btn-danger 表示危险或潜在消极的操作。 |
7 |
btn-link 通过让按钮看起来像链接但保持按钮行为来降低按钮的重要性。 |
Example |
Description |
Download link |
此示例指示 Bootstrap 中按钮结构。 |
||
此示例指示 Bootstrap 中块按钮结构。 |
||
此示例指示 Bootstrap 中图标按钮结构。 |
||
此示例指示 Bootstrap 中微调器按钮结构。 |
||
此示例指示 Bootstrap 中关闭按钮结构。 |