Button

Use buttons for actions in forms, dialogs, and more.

Basic button

There are three types of buttons: default, primary and danger.

.btn .btn.btn-primary .btn.btn-danger

<button type="button" class="btn">.btn</button>
<button type="button" class="btn btn-primary">.btn.btn-primary</button>
<button type="button" class="btn btn-danger">.btn.btn-danger</button>

Input button

<input type="button" class="btn" value=".btn"/>
<input type="button" class="btn btn-primary" value=".btn.btn-primary"/>
<input type="button" class="btn btn-danger" value=".btn.btn-danger"/>

Link button

.btn .btn.btn-primary .btn.btn-danger

<a href="javascript:void(0);" class="btn">.btn</a>
<a href="javascript:void(0);" class="btn btn-primary">.btn.btn-primary</a>
<a href="javascript:void(0);" class="btn btn-danger">.btn.btn-danger</a>

Disabled button

<input type="button" class="btn" value=".btn" disabled/>
<input type="button" class="btn btn-primary" value=".btn.btn-primary" disabled/>
<input type="button" class="btn btn-danger" value=".btn.btn-danger" disabled/>

Block button

By default the .btn is a inline-block button, we can add .btn-block to get the block button:

<input type="button" class="btn btn-block" value=".btn.btn-block"/>