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… Leer más »Tooltips

Togglable tabs

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,… Leer más »Togglable tabs

Tables Styles

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.… Leer más »Tables Styles


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… Leer más »Panels

List Group

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… Leer más »List Group

Forms Styles

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.… Leer más »Forms Styles

Buttons Styles

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 –>… Leer más »Buttons Styles


Examples Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-success) for basic alert messages. No default class Alerts don’t have default classes, only base and modifier classes. A default gray alert doesn’t make too much… Leer más »Alerts

Accordions Designs

About Get base styles and flexible support for collapsible components like accordions and navigation. Example accordion Using the collapse plugin, we built a simple accordion by extending the panel component. Collapsible Group Item #1 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson… Leer más »Accordions Designs