Headings All HTML headings, <h1> through <h6>, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline. h1. Bootstrap heading Bold 48px h2. Bootstrap heading Bold 40px h3. Bootstrap heading Bold 32px h4. Bootstrap heading […]

Read more ...

Examples Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don’t rely on images, use CSS3 for animations, and data-attributes for local title storage. Hover over the links below to see tooltips: Tight pants next level keffiyeh you probably haven’t heard of them. Photo booth beard raw denim […]

Read more ...

Example tabs Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus. Home Profile Dropdown @fat @mdo Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. […]

Read more ...

Basic example For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we’ve opted to isolate our custom table styles. # First Name Last Name Username 1 Mark Otto @mdo […]

Read more ...

While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component. Basic example By default, all the .panel does is apply some basic border and padding to contain some content. Basic panel example <div class="panel panel-default"> <div class="panel-body"> Basic panel example </div> </div> Panel with […]

Read more ...

List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content. Basic example The most basic list group is simply an unordered list with list items, and the proper classes. Build upon it with the options that follow, or your own CSS as needed. […]

Read more ...

Basic example Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing. Email address Password File input Example block-level help text here. Check me out Submit <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">Email […]

Read more ...

Options Use any of the available button classes to quickly create a styled button. Default Primary Success Info Warning Danger Link <!– Standard button –> <button type="button" class="btn btn-default">Default</button> <!– Provides extra visual weight and identifies the primary action in a set of buttons –> <button type="button" class="btn btn-primary">Primary</button> <!– Indicates a successful or positive […]

Read more ...