## Bootstrap - Buttons

We have styled all Bootstrap elements just as you want!

Toggle Code!
Advanced Buttons! This page displays basic Bootstrap styled buttons. To see more options of buttons, click here .

#### Button Tags

Use the button classes on an `<a>`, `<button>`, or `<input>` element.

Link

#### Button Options

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

#### Button Sizes

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

#### Block Level Buttons

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

#### Active State of Buttons

Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active. For `<button>` elements, this is done via :active. For `<a>` elements, it's done with `.active`. However, you may use `.active` on `<button>`s (and include the aria-pressed="true" attribute) should you need to replicate the active state programmatically.

#### Disabled State of Buttons

Make buttons look un-clickable by fading them back with opacity. Add the disabled attribute to `<button>` buttons.