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

Download

This example indicates about block button structure in Bootstrap

Download

This example indicates about icon button structure in Bootstrap

Download

This example indicates about spinner button structure in Bootstrap

Download

This example indicates about close button structure in Bootstrap

Download