Kertas – Buttons-后台管理系统模板

Buttons

Basic Buttons

Default buttons

Use any of the available button classes to quickly create a styled button.

<button type="button" class="btn btn-primary">Default</button>

Radius buttons

Use any of the available button classes to quickly create a rounded button.

<button type="button" class="btn btn-primary btn-radius">Default</button>

Icon Buttons

Font Awesome buttons

Use Font Awesome in buttons, button groups for a toolbar, navigation, or prepended form inputs.

Icon only

Use Font Awesome in buttons icon only.

Buttons Size

Sizes

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

Icon sizes

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

Buttons Block

Block level buttons

Create block level buttons—those that span the full width of a parent— by adding .btn-block.

<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>

Button Groups

Horizontal group

Wrap a series of buttons with .btn in .btn-group.

Vertical groups

Dropdown Buttons

Single button dropdowns

Turn a button into a dropdown toggle with some basic markup changes.

Split button dropdowns

Similarly, create split button dropdowns with the same markup changes, only with a separate button.

Social Buttons

Social buttons using Font Awesome

Use Font Awesome in social buttons.