Bootstrap3 Tutorial

Bootstrap Intro

Download BS3

Bootstrap Layout

BS3 Grid System

BS3 Typography

Bootstrap3 Table

Bootstrap3 Images

BS3 Jumbotron

Bootstrap3 Well

Bootstrap3 Alert

Bootstrap3 Button

BS3 Button Group

BS3 Glyphicons

Bootstrap3 Badges

BS3 Progress Bar

BS3 Pagination

Bootstrap3 Pager

Bootstrap3 Panel

Bootstrap3 Collapse

BS3 Menu, Tabs, Pills

BS3 Navigation Bar

Bootstrap3 Carousel

Bootstrap3 Modal

Bootstrap3 Tooltip

Bootstrap3 Scrollspy

Bootstrap3 Affix

Bootstrap3 Templates

Bootstrap Button

Bootstrap provides 7 different style classes for button. These are:



The button classes can be used on an <a>, <button>, or <input> element:

Button Sizes

Large Button with btn-lg class

Medium size Button (default)

Small size Button with btn-sm

Extra Small size Button with btn-xs



Block Level Buttons

A Block level button will expand the width to 100 percent. To create a block level button add ".btn-block" class.
Syntax:
<button class="btn btn-danger btn-block">Full width Button Block.</button>


Active/Disabled Buttons

A button can be set to an active using ".active" class or a disabled button using ".disabled" class.

Syntax:
<button type="button" class="btn btn-danger active">Active Button</button>
<button type="button" class="btn btn-danger disabled">Disabled Button</button>