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 中按钮结构。

Download

此示例指示 Bootstrap 中块按钮结构。

Download

此示例指示 Bootstrap 中图标按钮结构。

Download

此示例指示 Bootstrap 中微调器按钮结构。

Download

此示例指示 Bootstrap 中关闭按钮结构。

Download