diff options
Diffstat (limited to 'components.html')
| -rw-r--r-- | components.html | 1738 |
1 files changed, 903 insertions, 835 deletions
diff --git a/components.html b/components.html index dbe981c2a..91495c38e 100644 --- a/components.html +++ b/components.html @@ -16,812 +16,818 @@ base_url: "../" <h2 id="glyphicons-glyphs">Available glyphs</h2> <p>Includes 200 glyphs in font format from the Glyphicon Halflings set. <a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you to include a link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever possible.</p> - <ul class="bs-glyphicons"> - <li> - <span class="glyphicon glyphicon-adjust"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-adjust</span> - </li> - <li> - <span class="glyphicon glyphicon-align-center"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-align-center</span> - </li> - <li> - <span class="glyphicon glyphicon-align-justify"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-align-justify</span> - </li> - <li> - <span class="glyphicon glyphicon-align-left"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-align-left</span> - </li> - <li> - <span class="glyphicon glyphicon-align-right"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-align-right</span> - </li> - <li> - <span class="glyphicon glyphicon-arrow-down"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-arrow-down</span> - </li> - <li> - <span class="glyphicon glyphicon-arrow-left"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-arrow-left</span> - </li> - <li> - <span class="glyphicon glyphicon-arrow-right"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-arrow-right</span> - </li> - <li> - <span class="glyphicon glyphicon-arrow-up"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-arrow-up</span> - </li> - <li> - <span class="glyphicon glyphicon-asterisk"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-asterisk</span> - </li> - <li> - <span class="glyphicon glyphicon-backward"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-backward</span> - </li> - <li> - <span class="glyphicon glyphicon-ban-circle"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-ban-circle</span> - </li> - <li> - <span class="glyphicon glyphicon-barcode"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-barcode</span> - </li> - <li> - <span class="glyphicon glyphicon-bell"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-bell</span> - </li> - <li> - <span class="glyphicon glyphicon-bold"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-bold</span> - </li> - <li> - <span class="glyphicon glyphicon-book"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-book</span> - </li> - <li> - <span class="glyphicon glyphicon-bookmark"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-bookmark</span> - </li> - <li> - <span class="glyphicon glyphicon-briefcase"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-briefcase</span> - </li> - <li> - <span class="glyphicon glyphicon-bullhorn"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-bullhorn</span> - </li> - <li> - <span class="glyphicon glyphicon-calendar"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-calendar</span> - </li> - <li> - <span class="glyphicon glyphicon-camera"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-camera</span> - </li> - <li> - <span class="glyphicon glyphicon-certificate"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-certificate</span> - </li> - <li> - <span class="glyphicon glyphicon-check"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-check</span> - </li> - <li> - <span class="glyphicon glyphicon-chevron-down"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-chevron-down</span> - </li> - <li> - <span class="glyphicon glyphicon-chevron-left"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-chevron-left</span> - </li> - <li> - <span class="glyphicon glyphicon-chevron-right"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-chevron-right</span> - </li> - <li> - <span class="glyphicon glyphicon-chevron-up"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-chevron-up</span> - </li> - <li> - <span class="glyphicon glyphicon-circle-arrow-down"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-down</span> - </li> - <li> - <span class="glyphicon glyphicon-circle-arrow-left"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-left</span> - </li> - <li> - <span class="glyphicon glyphicon-circle-arrow-right"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-right</span> - </li> - <li> - <span class="glyphicon glyphicon-circle-arrow-up"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-up</span> - </li> - <li> - <span class="glyphicon glyphicon-cloud"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-cloud</span> - </li> - <li> - <span class="glyphicon glyphicon-cloud-download"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-cloud-download</span> - </li> - <li> - <span class="glyphicon glyphicon-cloud-upload"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-cloud-upload</span> - </li> - <li> - <span class="glyphicon glyphicon-cog"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-cog</span> - </li> - <li> - <span class="glyphicon glyphicon-collapse-down"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-collapse-down</span> - </li> - <li> - <span class="glyphicon glyphicon-collapse-up"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-collapse-up</span> - </li> - <li> - <span class="glyphicon glyphicon-comment"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-comment</span> - </li> - <li> - <span class="glyphicon glyphicon-compressed"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-compressed</span> - </li> - <li> - <span class="glyphicon glyphicon-copyright-mark"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-copyright-mark</span> - </li> - <li> - <span class="glyphicon glyphicon-credit-card"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-credit-card</span> - </li> - <li> - <span class="glyphicon glyphicon-cutlery"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-cutlery</span> - </li> - <li> - <span class="glyphicon glyphicon-dashboard"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-dashboard</span> - </li> - <li> - <span class="glyphicon glyphicon-download"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-download</span> - </li> - <li> - <span class="glyphicon glyphicon-download-alt"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-download-alt</span> - </li> - <li> - <span class="glyphicon glyphicon-earphone"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-earphone</span> - </li> - <li> - <span class="glyphicon glyphicon-edit"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-edit</span> - </li> - <li> - <span class="glyphicon glyphicon-eject"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-eject</span> - </li> - <li> - <span class="glyphicon glyphicon-envelope"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-envelope</span> - </li> - <li> - <span class="glyphicon glyphicon-euro"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-euro</span> - </li> - <li> - <span class="glyphicon glyphicon-exclamation-sign"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-exclamation-sign</span> - </li> - <li> - <span class="glyphicon glyphicon-expand"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-expand</span> - </li> - <li> - <span class="glyphicon glyphicon-export"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-export</span> - </li> - <li> - <span class="glyphicon glyphicon-eye-close"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-eye-close</span> - </li> - <li> - <span class="glyphicon glyphicon-eye-open"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-eye-open</span> - </li> - <li> - <span class="glyphicon glyphicon-facetime-video"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-facetime-video</span> - </li> - <li> - <span class="glyphicon glyphicon-fast-backward"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-fast-backward</span> - </li> - <li> - <span class="glyphicon glyphicon-fast-forward"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-fast-forward</span> - </li> - <li> - <span class="glyphicon glyphicon-file"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-file</span> - </li> - <li> - <span class="glyphicon glyphicon-film"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-film</span> - </li> - <li> - <span class="glyphicon glyphicon-filter"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-filter</span> - </li> - <li> - <span class="glyphicon glyphicon-fire"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-fire</span> - </li> - <li> - <span class="glyphicon glyphicon-flag"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-flag</span> - </li> - <li> - <span class="glyphicon glyphicon-flash"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-flash</span> - </li> - <li> - <span class="glyphicon glyphicon-floppy-disk"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-floppy-disk</span> - </li> - <li> - <span class="glyphicon glyphicon-floppy-open"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-floppy-open</span> - </li> - <li> - <span class="glyphicon glyphicon-floppy-remove"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-floppy-remove</span> - </li> - <li> - <span class="glyphicon glyphicon-floppy-save"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-floppy-save</span> - </li> - <li> - <span class="glyphicon glyphicon-floppy-saved"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-floppy-saved</span> - </li> - <li> - <span class="glyphicon glyphicon-folder-close"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-folder-close</span> - </li> - <li> - <span class="glyphicon glyphicon-folder-open"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-folder-open</span> - </li> - <li> - <span class="glyphicon glyphicon-font"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-font</span> - </li> - <li> - <span class="glyphicon glyphicon-forward"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-forward</span> - </li> - <li> - <span class="glyphicon glyphicon-fullscreen"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-fullscreen</span> - </li> - <li> - <span class="glyphicon glyphicon-gbp"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-gbp</span> - </li> - <li> - <span class="glyphicon glyphicon-gift"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-gift</span> - </li> - <li> - <span class="glyphicon glyphicon-glass"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-glass</span> - </li> - <li> - <span class="glyphicon glyphicon-globe"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-globe</span> - </li> - <li> - <span class="glyphicon glyphicon-hand-down"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-hand-down</span> - </li> - <li> - <span class="glyphicon glyphicon-hand-left"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-hand-left</span> - </li> - <li> - <span class="glyphicon glyphicon-hand-right"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-hand-right</span> - </li> - <li> - <span class="glyphicon glyphicon-hand-up"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-hand-up</span> - </li> - <li> - <span class="glyphicon glyphicon-hd-video"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-hd-video</span> - </li> - <li> - <span class="glyphicon glyphicon-hdd"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-hdd</span> - </li> - <li> - <span class="glyphicon glyphicon-header"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-header</span> - </li> - <li> - <span class="glyphicon glyphicon-headphones"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-headphones</span> - </li> - <li> - <span class="glyphicon glyphicon-heart"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-heart</span> - </li> - <li> - <span class="glyphicon glyphicon-heart-empty"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-heart-empty</span> - </li> - <li> - <span class="glyphicon glyphicon-home"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-home</span> - </li> - <li> - <span class="glyphicon glyphicon-import"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-import</span> - </li> - <li> - <span class="glyphicon glyphicon-inbox"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-inbox</span> - </li> - <li> - <span class="glyphicon glyphicon-indent-left"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-indent-left</span> - </li> - <li> - <span class="glyphicon glyphicon-indent-right"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-indent-right</span> - </li> - <li> - <span class="glyphicon glyphicon-info-sign"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-info-sign</span> - </li> - <li> - <span class="glyphicon glyphicon-italic"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-italic</span> - </li> - <li> - <span class="glyphicon glyphicon-leaf"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-leaf</span> - </li> - <li> - <span class="glyphicon glyphicon-link"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-link</span> - </li> - <li> - <span class="glyphicon glyphicon-list"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-list</span> - </li> - <li> - <span class="glyphicon glyphicon-list-alt"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-list-alt</span> - </li> - <li> - <span class="glyphicon glyphicon-lock"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-lock</span> - </li> - <li> - <span class="glyphicon glyphicon-log-in"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-log-in</span> - </li> - <li> - <span class="glyphicon glyphicon-log-out"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-log-out</span> - </li> - <li> - <span class="glyphicon glyphicon-magnet"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-magnet</span> - </li> - <li> - <span class="glyphicon glyphicon-map-marker"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-map-marker</span> - </li> - <li> - <span class="glyphicon glyphicon-minus"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-minus</span> - </li> - <li> - <span class="glyphicon glyphicon-minus-sign"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-minus-sign</span> - </li> - <li> - <span class="glyphicon glyphicon-move"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-move</span> - </li> - <li> - <span class="glyphicon glyphicon-music"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-music</span> - </li> - <li> - <span class="glyphicon glyphicon-new-window"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-new-window</span> - </li> - <li> - <span class="glyphicon glyphicon-off"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-off</span> - </li> - <li> - <span class="glyphicon glyphicon-ok"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-ok</span> - </li> - <li> - <span class="glyphicon glyphicon-ok-circle"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-ok-circle</span> - </li> - <li> - <span class="glyphicon glyphicon-ok-sign"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-ok-sign</span> - </li> - <li> - <span class="glyphicon glyphicon-open"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-open</span> - </li> - <li> - <span class="glyphicon glyphicon-paperclip"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-paperclip</span> - </li> - <li> - <span class="glyphicon glyphicon-pause"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-pause</span> - </li> - <li> - <span class="glyphicon glyphicon-pencil"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-pencil</span> - </li> - <li> - <span class="glyphicon glyphicon-phone"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-phone</span> - </li> - <li> - <span class="glyphicon glyphicon-phone-alt"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-phone-alt</span> - </li> - <li> - <span class="glyphicon glyphicon-picture"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-picture</span> - </li> - <li> - <span class="glyphicon glyphicon-plane"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-plane</span> - </li> - <li> - <span class="glyphicon glyphicon-play"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-play</span> - </li> - <li> - <span class="glyphicon glyphicon-play-circle"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-play-circle</span> - </li> - <li> - <span class="glyphicon glyphicon-plus"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-plus</span> - </li> - <li> - <span class="glyphicon glyphicon-plus-sign"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-plus-sign</span> - </li> - <li> - <span class="glyphicon glyphicon-print"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-print</span> - </li> - <li> - <span class="glyphicon glyphicon-pushpin"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-pushpin</span> - </li> - <li> - <span class="glyphicon glyphicon-qrcode"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-qrcode</span> - </li> - <li> - <span class="glyphicon glyphicon-question-sign"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-question-sign</span> - </li> - <li> - <span class="glyphicon glyphicon-random"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-random</span> - </li> - <li> - <span class="glyphicon glyphicon-record"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-record</span> - </li> - <li> - <span class="glyphicon glyphicon-refresh"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-refresh</span> - </li> - <li> - <span class="glyphicon glyphicon-registration-mark"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-registration-mark</span> - </li> - <li> - <span class="glyphicon glyphicon-remove"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-remove</span> - </li> - <li> - <span class="glyphicon glyphicon-remove-circle"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-remove-circle</span> - </li> - <li> - <span class="glyphicon glyphicon-remove-sign"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-remove-sign</span> - </li> - <li> - <span class="glyphicon glyphicon-repeat"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-repeat</span> - </li> - <li> - <span class="glyphicon glyphicon-resize-full"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-resize-full</span> - </li> - <li> - <span class="glyphicon glyphicon-resize-horizontal"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-resize-horizontal</span> - </li> - <li> - <span class="glyphicon glyphicon-resize-small"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-resize-small</span> - </li> - <li> - <span class="glyphicon glyphicon-resize-vertical"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-resize-vertical</span> - </li> - <li> - <span class="glyphicon glyphicon-retweet"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-retweet</span> - </li> - <li> - <span class="glyphicon glyphicon-road"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-road</span> - </li> - <li> - <span class="glyphicon glyphicon-save"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-save</span> - </li> - <li> - <span class="glyphicon glyphicon-saved"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-saved</span> - </li> - <li> - <span class="glyphicon glyphicon-screenshot"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-screenshot</span> - </li> - <li> - <span class="glyphicon glyphicon-sd-video"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sd-video</span> - </li> - <li> - <span class="glyphicon glyphicon-search"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-search</span> - </li> - <li> - <span class="glyphicon glyphicon-send"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-send</span> - </li> - <li> - <span class="glyphicon glyphicon-share"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-share</span> - </li> - <li> - <span class="glyphicon glyphicon-share-alt"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-share-alt</span> - </li> - <li> - <span class="glyphicon glyphicon-shopping-cart"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-shopping-cart</span> - </li> - <li> - <span class="glyphicon glyphicon-signal"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-signal</span> - </li> - <li> - <span class="glyphicon glyphicon-sort"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sort</span> - </li> - <li> - <span class="glyphicon glyphicon-sort-by-alphabet"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-alphabet</span> - </li> - <li> - <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-alphabet-alt</span> - </li> - <li> - <span class="glyphicon glyphicon-sort-by-attributes"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-attributes</span> - </li> - <li> - <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-attributes-alt</span> - </li> - <li> - <span class="glyphicon glyphicon-sort-by-order"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-order</span> - </li> - <li> - <span class="glyphicon glyphicon-sort-by-order-alt"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-order-alt</span> - </li> - <li> - <span class="glyphicon glyphicon-sound-5-1"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sound-5-1</span> - </li> - <li> - <span class="glyphicon glyphicon-sound-6-1"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sound-6-1</span> - </li> - <li> - <span class="glyphicon glyphicon-sound-7-1"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sound-7-1</span> - </li> - <li> - <span class="glyphicon glyphicon-sound-dolby"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sound-dolby</span> - </li> - <li> - <span class="glyphicon glyphicon-sound-stereo"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-sound-stereo</span> - </li> - <li> - <span class="glyphicon glyphicon-star"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-star</span> - </li> - <li> - <span class="glyphicon glyphicon-star-empty"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-star-empty</span> - </li> - <li> - <span class="glyphicon glyphicon-stats"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-stats</span> - </li> - <li> - <span class="glyphicon glyphicon-step-backward"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-step-backward</span> - </li> - <li> - <span class="glyphicon glyphicon-step-forward"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-step-forward</span> - </li> - <li> - <span class="glyphicon glyphicon-stop"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-stop</span> - </li> - <li> - <span class="glyphicon glyphicon-subtitles"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-subtitles</span> - </li> - <li> - <span class="glyphicon glyphicon-tag"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-tag</span> - </li> - <li> - <span class="glyphicon glyphicon-tags"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-tags</span> - </li> - <li> - <span class="glyphicon glyphicon-tasks"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-tasks</span> - </li> - <li> - <span class="glyphicon glyphicon-text-height"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-text-height</span> - </li> - <li> - <span class="glyphicon glyphicon-text-width"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-text-width</span> - </li> - <li> - <span class="glyphicon glyphicon-th"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-th</span> - </li> - <li> - <span class="glyphicon glyphicon-th-large"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-th-large</span> - </li> - <li> - <span class="glyphicon glyphicon-th-list"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-th-list</span> - </li> - <li> - <span class="glyphicon glyphicon-thumbs-down"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-thumbs-down</span> - </li> - <li> - <span class="glyphicon glyphicon-thumbs-up"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-thumbs-up</span> - </li> - <li> - <span class="glyphicon glyphicon-time"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-time</span> - </li> - <li> - <span class="glyphicon glyphicon-tint"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-tint</span> - </li> - <li> - <span class="glyphicon glyphicon-tower"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-tower</span> - </li> - <li> - <span class="glyphicon glyphicon-transfer"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-transfer</span> - </li> - <li> - <span class="glyphicon glyphicon-trash"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-trash</span> - </li> - <li> - <span class="glyphicon glyphicon-tree-conifer"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-tree-conifer</span> - </li> - <li> - <span class="glyphicon glyphicon-tree-deciduous"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-tree-deciduous</span> - </li> - <li> - <span class="glyphicon glyphicon-unchecked"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-unchecked</span> - </li> - <li> - <span class="glyphicon glyphicon-upload"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-upload</span> - </li> - <li> - <span class="glyphicon glyphicon-usd"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-usd</span> - </li> - <li> - <span class="glyphicon glyphicon-user"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-user</span> - </li> - <li> - <span class="glyphicon glyphicon-volume-down"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-volume-down</span> - </li> - <li> - <span class="glyphicon glyphicon-volume-off"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-volume-off</span> - </li> - <li> - <span class="glyphicon glyphicon-volume-up"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-volume-up</span> - </li> - <li> - <span class="glyphicon glyphicon-warning-sign"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-warning-sign</span> - </li> - <li> - <span class="glyphicon glyphicon-wrench"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-wrench</span> - </li> - <li> - <span class="glyphicon glyphicon-zoom-in"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-zoom-in</span> - </li> - <li> - <span class="glyphicon glyphicon-zoom-out"></span> - <span class="glyphicon-class">.glyphicon .glyphicon-zoom-out</span> - </li> - </ul> + <div class="bs-glyphicons"> + <ul class="bs-glyphicons-list"> + <li> + <span class="glyphicon glyphicon-adjust"></span> + <span class="glyphicon-class">glyphicon glyphicon-adjust</span> + </li> + <li> + <span class="glyphicon glyphicon-align-center"></span> + <span class="glyphicon-class">glyphicon glyphicon-align-center</span> + </li> + <li> + <span class="glyphicon glyphicon-align-justify"></span> + <span class="glyphicon-class">glyphicon glyphicon-align-justify</span> + </li> + <li> + <span class="glyphicon glyphicon-align-left"></span> + <span class="glyphicon-class">glyphicon glyphicon-align-left</span> + </li> + <li> + <span class="glyphicon glyphicon-align-right"></span> + <span class="glyphicon-class">glyphicon glyphicon-align-right</span> + </li> + <li> + <span class="glyphicon glyphicon-arrow-down"></span> + <span class="glyphicon-class">glyphicon glyphicon-arrow-down</span> + </li> + <li> + <span class="glyphicon glyphicon-arrow-left"></span> + <span class="glyphicon-class">glyphicon glyphicon-arrow-left</span> + </li> + <li> + <span class="glyphicon glyphicon-arrow-right"></span> + <span class="glyphicon-class">glyphicon glyphicon-arrow-right</span> + </li> + <li> + <span class="glyphicon glyphicon-arrow-up"></span> + <span class="glyphicon-class">glyphicon glyphicon-arrow-up</span> + </li> + <li> + <span class="glyphicon glyphicon-asterisk"></span> + <span class="glyphicon-class">glyphicon glyphicon-asterisk</span> + </li> + <li> + <span class="glyphicon glyphicon-backward"></span> + <span class="glyphicon-class">glyphicon glyphicon-backward</span> + </li> + <li> + <span class="glyphicon glyphicon-ban-circle"></span> + <span class="glyphicon-class">glyphicon glyphicon-ban-circle</span> + </li> + <li> + <span class="glyphicon glyphicon-barcode"></span> + <span class="glyphicon-class">glyphicon glyphicon-barcode</span> + </li> + <li> + <span class="glyphicon glyphicon-bell"></span> + <span class="glyphicon-class">glyphicon glyphicon-bell</span> + </li> + <li> + <span class="glyphicon glyphicon-bold"></span> + <span class="glyphicon-class">glyphicon glyphicon-bold</span> + </li> + <li> + <span class="glyphicon glyphicon-book"></span> + <span class="glyphicon-class">glyphicon glyphicon-book</span> + </li> + <li> + <span class="glyphicon glyphicon-bookmark"></span> + <span class="glyphicon-class">glyphicon glyphicon-bookmark</span> + </li> + <li> + <span class="glyphicon glyphicon-briefcase"></span> + <span class="glyphicon-class">glyphicon glyphicon-briefcase</span> + </li> + <li> + <span class="glyphicon glyphicon-bullhorn"></span> + <span class="glyphicon-class">glyphicon glyphicon-bullhorn</span> + </li> + <li> + <span class="glyphicon glyphicon-calendar"></span> + <span class="glyphicon-class">glyphicon glyphicon-calendar</span> + </li> + <li> + <span class="glyphicon glyphicon-camera"></span> + <span class="glyphicon-class">glyphicon glyphicon-camera</span> + </li> + <li> + <span class="glyphicon glyphicon-certificate"></span> + <span class="glyphicon-class">glyphicon glyphicon-certificate</span> + </li> + <li> + <span class="glyphicon glyphicon-check"></span> + <span class="glyphicon-class">glyphicon glyphicon-check</span> + </li> + <li> + <span class="glyphicon glyphicon-chevron-down"></span> + <span class="glyphicon-class">glyphicon glyphicon-chevron-down</span> + </li> + <li> + <span class="glyphicon glyphicon-chevron-left"></span> + <span class="glyphicon-class">glyphicon glyphicon-chevron-left</span> + </li> + <li> + <span class="glyphicon glyphicon-chevron-right"></span> + <span class="glyphicon-class">glyphicon glyphicon-chevron-right</span> + </li> + <li> + <span class="glyphicon glyphicon-chevron-up"></span> + <span class="glyphicon-class">glyphicon glyphicon-chevron-up</span> + </li> + <li> + <span class="glyphicon glyphicon-circle-arrow-down"></span> + <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span> + </li> + <li> + <span class="glyphicon glyphicon-circle-arrow-left"></span> + <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span> + </li> + <li> + <span class="glyphicon glyphicon-circle-arrow-right"></span> + <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span> + </li> + <li> + <span class="glyphicon glyphicon-circle-arrow-up"></span> + <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span> + </li> + <li> + <span class="glyphicon glyphicon-cloud"></span> + <span class="glyphicon-class">glyphicon glyphicon-cloud</span> + </li> + <li> + <span class="glyphicon glyphicon-cloud-download"></span> + <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span> + </li> + <li> + <span class="glyphicon glyphicon-cloud-upload"></span> + <span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span> + </li> + <li> + <span class="glyphicon glyphicon-cog"></span> + <span class="glyphicon-class">glyphicon glyphicon-cog</span> + </li> + <li> + <span class="glyphicon glyphicon-collapse-down"></span> + <span class="glyphicon-class">glyphicon glyphicon-collapse-down</span> + </li> + <li> + <span class="glyphicon glyphicon-collapse-up"></span> + <span class="glyphicon-class">glyphicon glyphicon-collapse-up</span> + </li> + <li> + <span class="glyphicon glyphicon-comment"></span> + <span class="glyphicon-class">glyphicon glyphicon-comment</span> + </li> + <li> + <span class="glyphicon glyphicon-compressed"></span> + <span class="glyphicon-class">glyphicon glyphicon-compressed</span> + </li> + <li> + <span class="glyphicon glyphicon-copyright-mark"></span> + <span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span> + </li> + <li> + <span class="glyphicon glyphicon-credit-card"></span> + <span class="glyphicon-class">glyphicon glyphicon-credit-card</span> + </li> + <li> + <span class="glyphicon glyphicon-cutlery"></span> + <span class="glyphicon-class">glyphicon glyphicon-cutlery</span> + </li> + <li> + <span class="glyphicon glyphicon-dashboard"></span> + <span class="glyphicon-class">glyphicon glyphicon-dashboard</span> + </li> + <li> + <span class="glyphicon glyphicon-download"></span> + <span class="glyphicon-class">glyphicon glyphicon-download</span> + </li> + <li> + <span class="glyphicon glyphicon-download-alt"></span> + <span class="glyphicon-class">glyphicon glyphicon-download-alt</span> + </li> + <li> + <span class="glyphicon glyphicon-earphone"></span> + <span class="glyphicon-class">glyphicon glyphicon-earphone</span> + </li> + <li> + <span class="glyphicon glyphicon-edit"></span> + <span class="glyphicon-class">glyphicon glyphicon-edit</span> + </li> + <li> + <span class="glyphicon glyphicon-eject"></span> + <span class="glyphicon-class">glyphicon glyphicon-eject</span> + </li> + <li> + <span class="glyphicon glyphicon-envelope"></span> + <span class="glyphicon-class">glyphicon glyphicon-envelope</span> + </li> + <li> + <span class="glyphicon glyphicon-euro"></span> + <span class="glyphicon-class">glyphicon glyphicon-euro</span> + </li> + <li> + <span class="glyphicon glyphicon-exclamation-sign"></span> + <span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span> + </li> + <li> + <span class="glyphicon glyphicon-expand"></span> + <span class="glyphicon-class">glyphicon glyphicon-expand</span> + </li> + <li> + <span class="glyphicon glyphicon-export"></span> + <span class="glyphicon-class">glyphicon glyphicon-export</span> + </li> + <li> + <span class="glyphicon glyphicon-eye-close"></span> + <span class="glyphicon-class">glyphicon glyphicon-eye-close</span> + </li> + <li> + <span class="glyphicon glyphicon-eye-open"></span> + <span class="glyphicon-class">glyphicon glyphicon-eye-open</span> + </li> + <li> + <span class="glyphicon glyphicon-facetime-video"></span> + <span class="glyphicon-class">glyphicon glyphicon-facetime-video</span> + </li> + <li> + <span class="glyphicon glyphicon-fast-backward"></span> + <span class="glyphicon-class">glyphicon glyphicon-fast-backward</span> + </li> + <li> + <span class="glyphicon glyphicon-fast-forward"></span> + <span class="glyphicon-class">glyphicon glyphicon-fast-forward</span> + </li> + <li> + <span class="glyphicon glyphicon-file"></span> + <span class="glyphicon-class">glyphicon glyphicon-file</span> + </li> + <li> + <span class="glyphicon glyphicon-film"></span> + <span class="glyphicon-class">glyphicon glyphicon-film</span> + </li> + <li> + <span class="glyphicon glyphicon-filter"></span> + <span class="glyphicon-class">glyphicon glyphicon-filter</span> + </li> + <li> + <span class="glyphicon glyphicon-fire"></span> + <span class="glyphicon-class">glyphicon glyphicon-fire</span> + </li> + <li> + <span class="glyphicon glyphicon-flag"></span> + <span class="glyphicon-class">glyphicon glyphicon-flag</span> + </li> + <li> + <span class="glyphicon glyphicon-flash"></span> + <span class="glyphicon-class">glyphicon glyphicon-flash</span> + </li> + <li> + <span class="glyphicon glyphicon-floppy-disk"></span> + <span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span> + </li> + <li> + <span class="glyphicon glyphicon-floppy-open"></span> + <span class="glyphicon-class">glyphicon glyphicon-floppy-open</span> + </li> + <li> + <span class="glyphicon glyphicon-floppy-remove"></span> + <span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span> + </li> + <li> + <span class="glyphicon glyphicon-floppy-save"></span> + <span class="glyphicon-class">glyphicon glyphicon-floppy-save</span> + </li> + <li> + <span class="glyphicon glyphicon-floppy-saved"></span> + <span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span> + </li> + <li> + <span class="glyphicon glyphicon-folder-close"></span> + <span class="glyphicon-class">glyphicon glyphicon-folder-close</span> + </li> + <li> + <span class="glyphicon glyphicon-folder-open"></span> + <span class="glyphicon-class">glyphicon glyphicon-folder-open</span> + </li> + <li> + <span class="glyphicon glyphicon-font"></span> + <span class="glyphicon-class">glyphicon glyphicon-font</span> + </li> + <li> + <span class="glyphicon glyphicon-forward"></span> + <span class="glyphicon-class">glyphicon glyphicon-forward</span> + </li> + <li> + <span class="glyphicon glyphicon-fullscreen"></span> + <span class="glyphicon-class">glyphicon glyphicon-fullscreen</span> + </li> + <li> + <span class="glyphicon glyphicon-gbp"></span> + <span class="glyphicon-class">glyphicon glyphicon-gbp</span> + </li> + <li> + <span class="glyphicon glyphicon-gift"></span> + <span class="glyphicon-class">glyphicon glyphicon-gift</span> + </li> + <li> + <span class="glyphicon glyphicon-glass"></span> + <span class="glyphicon-class">glyphicon glyphicon-glass</span> + </li> + <li> + <span class="glyphicon glyphicon-globe"></span> + <span class="glyphicon-class">glyphicon glyphicon-globe</span> + </li> + <li> + <span class="glyphicon glyphicon-hand-down"></span> + <span class="glyphicon-class">glyphicon glyphicon-hand-down</span> + </li> + <li> + <span class="glyphicon glyphicon-hand-left"></span> + <span class="glyphicon-class">glyphicon glyphicon-hand-left</span> + </li> + <li> + <span class="glyphicon glyphicon-hand-right"></span> + <span class="glyphicon-class">glyphicon glyphicon-hand-right</span> + </li> + <li> + <span class="glyphicon glyphicon-hand-up"></span> + <span class="glyphicon-class">glyphicon glyphicon-hand-up</span> + </li> + <li> + <span class="glyphicon glyphicon-hd-video"></span> + <span class="glyphicon-class">glyphicon glyphicon-hd-video</span> + </li> + <li> + <span class="glyphicon glyphicon-hdd"></span> + <span class="glyphicon-class">glyphicon glyphicon-hdd</span> + </li> + <li> + <span class="glyphicon glyphicon-header"></span> + <span class="glyphicon-class">glyphicon glyphicon-header</span> + </li> + <li> + <span class="glyphicon glyphicon-headphones"></span> + <span class="glyphicon-class">glyphicon glyphicon-headphones</span> + </li> + <li> + <span class="glyphicon glyphicon-heart"></span> + <span class="glyphicon-class">glyphicon glyphicon-heart</span> + </li> + <li> + <span class="glyphicon glyphicon-heart-empty"></span> + <span class="glyphicon-class">glyphicon glyphicon-heart-empty</span> + </li> + <li> + <span class="glyphicon glyphicon-home"></span> + <span class="glyphicon-class">glyphicon glyphicon-home</span> + </li> + <li> + <span class="glyphicon glyphicon-import"></span> + <span class="glyphicon-class">glyphicon glyphicon-import</span> + </li> + <li> + <span class="glyphicon glyphicon-inbox"></span> + <span class="glyphicon-class">glyphicon glyphicon-inbox</span> + </li> + <li> + <span class="glyphicon glyphicon-indent-left"></span> + <span class="glyphicon-class">glyphicon glyphicon-indent-left</span> + </li> + <li> + <span class="glyphicon glyphicon-indent-right"></span> + <span class="glyphicon-class">glyphicon glyphicon-indent-right</span> + </li> + <li> + <span class="glyphicon glyphicon-info-sign"></span> + <span class="glyphicon-class">glyphicon glyphicon-info-sign</span> + </li> + <li> + <span class="glyphicon glyphicon-italic"></span> + <span class="glyphicon-class">glyphicon glyphicon-italic</span> + </li> + <li> + <span class="glyphicon glyphicon-leaf"></span> + <span class="glyphicon-class">glyphicon glyphicon-leaf</span> + </li> + <li> + <span class="glyphicon glyphicon-link"></span> + <span class="glyphicon-class">glyphicon glyphicon-link</span> + </li> + <li> + <span class="glyphicon glyphicon-list"></span> + <span class="glyphicon-class">glyphicon glyphicon-list</span> + </li> + <li> + <span class="glyphicon glyphicon-list-alt"></span> + <span class="glyphicon-class">glyphicon glyphicon-list-alt</span> + </li> + <li> + <span class="glyphicon glyphicon-lock"></span> + <span class="glyphicon-class">glyphicon glyphicon-lock</span> + </li> + <li> + <span class="glyphicon glyphicon-log-in"></span> + <span class="glyphicon-class">glyphicon glyphicon-log-in</span> + </li> + <li> + <span class="glyphicon glyphicon-log-out"></span> + <span class="glyphicon-class">glyphicon glyphicon-log-out</span> + </li> + <li> + <span class="glyphicon glyphicon-magnet"></span> + <span class="glyphicon-class">glyphicon glyphicon-magnet</span> + </li> + <li> + <span class="glyphicon glyphicon-map-marker"></span> + <span class="glyphicon-class">glyphicon glyphicon-map-marker</span> + </li> + <li> + <span class="glyphicon glyphicon-minus"></span> + <span class="glyphicon-class">glyphicon glyphicon-minus</span> + </li> + <li> + <span class="glyphicon glyphicon-minus-sign"></span> + <span class="glyphicon-class">glyphicon glyphicon-minus-sign</span> + </li> + <li> + <span class="glyphicon glyphicon-move"></span> + <span class="glyphicon-class">glyphicon glyphicon-move</span> + </li> + <li> + <span class="glyphicon glyphicon-music"></span> + <span class="glyphicon-class">glyphicon glyphicon-music</span> + </li> + <li> + <span class="glyphicon glyphicon-new-window"></span> + <span class="glyphicon-class">glyphicon glyphicon-new-window</span> + </li> + <li> + <span class="glyphicon glyphicon-off"></span> + <span class="glyphicon-class">glyphicon glyphicon-off</span> + </li> + <li> + <span class="glyphicon glyphicon-ok"></span> + <span class="glyphicon-class">glyphicon glyphicon-ok</span> + </li> + <li> + <span class="glyphicon glyphicon-ok-circle"></span> + <span class="glyphicon-class">glyphicon glyphicon-ok-circle</span> + </li> + <li> + <span class="glyphicon glyphicon-ok-sign"></span> + <span class="glyphicon-class">glyphicon glyphicon-ok-sign</span> + </li> + <li> + <span class="glyphicon glyphicon-open"></span> + <span class="glyphicon-class">glyphicon glyphicon-open</span> + </li> + <li> + <span class="glyphicon glyphicon-paperclip"></span> + <span class="glyphicon-class">glyphicon glyphicon-paperclip</span> + </li> + <li> + <span class="glyphicon glyphicon-pause"></span> + <span class="glyphicon-class">glyphicon glyphicon-pause</span> + </li> + <li> + <span class="glyphicon glyphicon-pencil"></span> + <span class="glyphicon-class">glyphicon glyphicon-pencil</span> + </li> + <li> + <span class="glyphicon glyphicon-phone"></span> + <span class="glyphicon-class">glyphicon glyphicon-phone</span> + </li> + <li> + <span class="glyphicon glyphicon-phone-alt"></span> + <span class="glyphicon-class">glyphicon glyphicon-phone-alt</span> + </li> + <li> + <span class="glyphicon glyphicon-picture"></span> + <span class="glyphicon-class">glyphicon glyphicon-picture</span> + </li> + <li> + <span class="glyphicon glyphicon-plane"></span> + <span class="glyphicon-class">glyphicon glyphicon-plane</span> + </li> + <li> + <span class="glyphicon glyphicon-play"></span> + <span class="glyphicon-class">glyphicon glyphicon-play</span> + </li> + <li> + <span class="glyphicon glyphicon-play-circle"></span> + <span class="glyphicon-class">glyphicon glyphicon-play-circle</span> + </li> + <li> + <span class="glyphicon glyphicon-plus"></span> + <span class="glyphicon-class">glyphicon glyphicon-plus</span> + </li> + <li> + <span class="glyphicon glyphicon-plus-sign"></span> + <span class="glyphicon-class">glyphicon glyphicon-plus-sign</span> + </li> + <li> + <span class="glyphicon glyphicon-print"></span> + <span class="glyphicon-class">glyphicon glyphicon-print</span> + </li> + <li> + <span class="glyphicon glyphicon-pushpin"></span> + <span class="glyphicon-class">glyphicon glyphicon-pushpin</span> + </li> + <li> + <span class="glyphicon glyphicon-qrcode"></span> + <span class="glyphicon-class">glyphicon glyphicon-qrcode</span> + </li> + <li> + <span class="glyphicon glyphicon-question-sign"></span> + <span class="glyphicon-class">glyphicon glyphicon-question-sign</span> + </li> + <li> + <span class="glyphicon glyphicon-random"></span> + <span class="glyphicon-class">glyphicon glyphicon-random</span> + </li> + <li> + <span class="glyphicon glyphicon-record"></span> + <span class="glyphicon-class">glyphicon glyphicon-record</span> + </li> + <li> + <span class="glyphicon glyphicon-refresh"></span> + <span class="glyphicon-class">glyphicon glyphicon-refresh</span> + </li> + <li> + <span class="glyphicon glyphicon-registration-mark"></span> + <span class="glyphicon-class">glyphicon glyphicon-registration-mark</span> + </li> + <li> + <span class="glyphicon glyphicon-remove"></span> + <span class="glyphicon-class">glyphicon glyphicon-remove</span> + </li> + <li> + <span class="glyphicon glyphicon-remove-circle"></span> + <span class="glyphicon-class">glyphicon glyphicon-remove-circle</span> + </li> + <li> + <span class="glyphicon glyphicon-remove-sign"></span> + <span class="glyphicon-class">glyphicon glyphicon-remove-sign</span> + </li> + <li> + <span class="glyphicon glyphicon-repeat"></span> + <span class="glyphicon-class">glyphicon glyphicon-repeat</span> + </li> + <li> + <span class="glyphicon glyphicon-resize-full"></span> + <span class="glyphicon-class">glyphicon glyphicon-resize-full</span> + </li> + <li> + <span class="glyphicon glyphicon-resize-horizontal"></span> + <span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span> + </li> + <li> + <span class="glyphicon glyphicon-resize-small"></span> + <span class="glyphicon-class">glyphicon glyphicon-resize-small</span> + </li> + <li> + <span class="glyphicon glyphicon-resize-vertical"></span> + <span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span> + </li> + <li> + <span class="glyphicon glyphicon-retweet"></span> + <span class="glyphicon-class">glyphicon glyphicon-retweet</span> + </li> + <li> + <span class="glyphicon glyphicon-road"></span> + <span class="glyphicon-class">glyphicon glyphicon-road</span> + </li> + <li> + <span class="glyphicon glyphicon-save"></span> + <span class="glyphicon-class">glyphicon glyphicon-save</span> + </li> + <li> + <span class="glyphicon glyphicon-saved"></span> + <span class="glyphicon-class">glyphicon glyphicon-saved</span> + </li> + <li> + <span class="glyphicon glyphicon-screenshot"></span> + <span class="glyphicon-class">glyphicon glyphicon-screenshot</span> + </li> + <li> + <span class="glyphicon glyphicon-sd-video"></span> + <span class="glyphicon-class">glyphicon glyphicon-sd-video</span> + </li> + <li> + <span class="glyphicon glyphicon-search"></span> + <span class="glyphicon-class">glyphicon glyphicon-search</span> + </li> + <li> + <span class="glyphicon glyphicon-send"></span> + <span class="glyphicon-class">glyphicon glyphicon-send</span> + </li> + <li> + <span class="glyphicon glyphicon-share"></span> + <span class="glyphicon-class">glyphicon glyphicon-share</span> + </li> + <li> + <span class="glyphicon glyphicon-share-alt"></span> + <span class="glyphicon-class">glyphicon glyphicon-share-alt</span> + </li> + <li> + <span class="glyphicon glyphicon-shopping-cart"></span> + <span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span> + </li> + <li> + <span class="glyphicon glyphicon-signal"></span> + <span class="glyphicon-class">glyphicon glyphicon-signal</span> + </li> + <li> + <span class="glyphicon glyphicon-sort"></span> + <span class="glyphicon-class">glyphicon glyphicon-sort</span> + </li> + <li> + <span class="glyphicon glyphicon-sort-by-alphabet"></span> + <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span> + </li> + <li> + <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span> + <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span> + </li> + <li> + <span class="glyphicon glyphicon-sort-by-attributes"></span> + <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span> + </li> + <li> + <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> + <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span> + </li> + <li> + <span class="glyphicon glyphicon-sort-by-order"></span> + <span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span> + </li> + <li> + <span class="glyphicon glyphicon-sort-by-order-alt"></span> + <span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span> + </li> + <li> + <span class="glyphicon glyphicon-sound-5-1"></span> + <span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span> + </li> + <li> + <span class="glyphicon glyphicon-sound-6-1"></span> + <span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span> + </li> + <li> + <span class="glyphicon glyphicon-sound-7-1"></span> + <span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span> + </li> + <li> + <span class="glyphicon glyphicon-sound-dolby"></span> + <span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span> + </li> + <li> + <span class="glyphicon glyphicon-sound-stereo"></span> + <span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span> + </li> + <li> + <span class="glyphicon glyphicon-star"></span> + <span class="glyphicon-class">glyphicon glyphicon-star</span> + </li> + <li> + <span class="glyphicon glyphicon-star-empty"></span> + <span class="glyphicon-class">glyphicon glyphicon-star-empty</span> + </li> + <li> + <span class="glyphicon glyphicon-stats"></span> + <span class="glyphicon-class">glyphicon glyphicon-stats</span> + </li> + <li> + <span class="glyphicon glyphicon-step-backward"></span> + <span class="glyphicon-class">glyphicon glyphicon-step-backward</span> + </li> + <li> + <span class="glyphicon glyphicon-step-forward"></span> + <span class="glyphicon-class">glyphicon glyphicon-step-forward</span> + </li> + <li> + <span class="glyphicon glyphicon-stop"></span> + <span class="glyphicon-class">glyphicon glyphicon-stop</span> + </li> + <li> + <span class="glyphicon glyphicon-subtitles"></span> + <span class="glyphicon-class">glyphicon glyphicon-subtitles</span> + </li> + <li> + <span class="glyphicon glyphicon-tag"></span> + <span class="glyphicon-class">glyphicon glyphicon-tag</span> + </li> + <li> + <span class="glyphicon glyphicon-tags"></span> + <span class="glyphicon-class">glyphicon glyphicon-tags</span> + </li> + <li> + <span class="glyphicon glyphicon-tasks"></span> + <span class="glyphicon-class">glyphicon glyphicon-tasks</span> + </li> + <li> + <span class="glyphicon glyphicon-text-height"></span> + <span class="glyphicon-class">glyphicon glyphicon-text-height</span> + </li> + <li> + <span class="glyphicon glyphicon-text-width"></span> + <span class="glyphicon-class">glyphicon glyphicon-text-width</span> + </li> + <li> + <span class="glyphicon glyphicon-th"></span> + <span class="glyphicon-class">glyphicon glyphicon-th</span> + </li> + <li> + <span class="glyphicon glyphicon-th-large"></span> + <span class="glyphicon-class">glyphicon glyphicon-th-large</span> + </li> + <li> + <span class="glyphicon glyphicon-th-list"></span> + <span class="glyphicon-class">glyphicon glyphicon-th-list</span> + </li> + <li> + <span class="glyphicon glyphicon-thumbs-down"></span> + <span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span> + </li> + <li> + <span class="glyphicon glyphicon-thumbs-up"></span> + <span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span> + </li> + <li> + <span class="glyphicon glyphicon-time"></span> + <span class="glyphicon-class">glyphicon glyphicon-time</span> + </li> + <li> + <span class="glyphicon glyphicon-tint"></span> + <span class="glyphicon-class">glyphicon glyphicon-tint</span> + </li> + <li> + <span class="glyphicon glyphicon-tower"></span> + <span class="glyphicon-class">glyphicon glyphicon-tower</span> + </li> + <li> + <span class="glyphicon glyphicon-transfer"></span> + <span class="glyphicon-class">glyphicon glyphicon-transfer</span> + </li> + <li> + <span class="glyphicon glyphicon-trash"></span> + <span class="glyphicon-class">glyphicon glyphicon-trash</span> + </li> + <li> + <span class="glyphicon glyphicon-tree-conifer"></span> + <span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span> + </li> + <li> + <span class="glyphicon glyphicon-tree-deciduous"></span> + <span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span> + </li> + <li> + <span class="glyphicon glyphicon-unchecked"></span> + <span class="glyphicon-class">glyphicon glyphicon-unchecked</span> + </li> + <li> + <span class="glyphicon glyphicon-upload"></span> + <span class="glyphicon-class">glyphicon glyphicon-upload</span> + </li> + <li> + <span class="glyphicon glyphicon-usd"></span> + <span class="glyphicon-class">glyphicon glyphicon-usd</span> + </li> + <li> + <span class="glyphicon glyphicon-user"></span> + <span class="glyphicon-class">glyphicon glyphicon-user</span> + </li> + <li> + <span class="glyphicon glyphicon-volume-down"></span> + <span class="glyphicon-class">glyphicon glyphicon-volume-down</span> + </li> + <li> + <span class="glyphicon glyphicon-volume-off"></span> + <span class="glyphicon-class">glyphicon glyphicon-volume-off</span> + </li> + <li> + <span class="glyphicon glyphicon-volume-up"></span> + <span class="glyphicon-class">glyphicon glyphicon-volume-up</span> + </li> + <li> + <span class="glyphicon glyphicon-warning-sign"></span> + <span class="glyphicon-class">glyphicon glyphicon-warning-sign</span> + </li> + <li> + <span class="glyphicon glyphicon-wrench"></span> + <span class="glyphicon-class">glyphicon glyphicon-wrench</span> + </li> + <li> + <span class="glyphicon glyphicon-zoom-in"></span> + <span class="glyphicon-class">glyphicon glyphicon-zoom-in</span> + </li> + <li> + <span class="glyphicon glyphicon-zoom-out"></span> + <span class="glyphicon-class">glyphicon glyphicon-zoom-out</span> + </li> + </ul> + </div> <h2 id="glyphicons-how-to-use">How to use</h2> <p>For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.</p> + <div class="bs-callout bs-callout-danger"> + <h4>Don't mix with other components</h4> + <p>Icon classes cannot be combined with other elements. They are designed to be standalone elements.</p> + </div> {% highlight html %} <span class="glyphicon glyphicon-search"></span> {% endhighlight %} @@ -896,9 +902,13 @@ base_url: "../" {% endhighlight %} <h3 id="dropdowns-alignment">Alignment options</h3> - <p>Add <code>.pull-right</code> to a <code>.dropdown-menu</code> to right align the dropdown menu.</p> + <p>Add <code>.dropdown-menu-right</code> to a <code>.dropdown-menu</code> to right align the dropdown menu.</p> + <div class="bs-callout bs-callout-warning"> + <h4>Deprecated <code>.pull-right</code> alignment</h4> + <p>As of v3.1, we've deprecated <code>.pull-right</code> on dropdown menus. To right-align a menu, use <code>.dropdown-menu-right</code>. Right-aligned nav components in the navbar use a mixin version of this class to automatically align the menu. To override it, use <code>.dropdown-menu-left</code>.</p> + </div> {% highlight html %} -<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> +<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dLabel"> ... </ul> {% endhighlight %} @@ -1093,7 +1103,7 @@ base_url: "../" {% endhighlight %} <h3 id="btn-groups-vertical">Vertical variation</h3> - <p>Make a set of buttons appear vertically stacked rather than horizontally.</p> + <p>Make a set of buttons appear vertically stacked rather than horizontally. <strong class="text-danger">Split button dropdowns are not supported here.</strong></p> <div class="bs-example"> <div class="btn-group-vertical"> <button type="button" class="btn btn-default">Button</button> @@ -1149,11 +1159,11 @@ base_url: "../" {% endhighlight %} <h3 id="btn-groups-justified">Justified link variation</h3> - <p>Make a group of buttons stretch at the same size to span the entire width of its parent.</p> + <p>Make a group of buttons stretch at the same size to span the entire width of its parent. Also works with button dropdowns within the button group.</p> <div class="bs-callout bs-callout-warning"> <h4>Element-specific usage</h4> - <p>This only works with <code><a></code> elements as the <code><button></code> doesn't pick up these styles.</p> + <p>This only works with <code><a></code> elements as the <code><button></code> doesn't pick up the styles we use to justify content (some <code>display: table-cell;</code>-fu).</p> </div> <div class="bs-example"> @@ -1162,6 +1172,23 @@ base_url: "../" <a class="btn btn-default" role="button">Middle</a> <a class="btn btn-default" role="button">Right</a> </div> + <br> + <div class="btn-group btn-group-justified"> + <a class="btn btn-default" role="button">Left</a> + <a class="btn btn-default" role="button">Middle</a> + <div class="btn-group"> + <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"> + Dropdown <span class="caret"></span> + </a> + <ul class="dropdown-menu" role="menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Separated link</a></li> + </ul> + </div> + </div> </div> {% highlight html %} <div class="btn-group btn-group-justified"> @@ -1882,8 +1909,8 @@ base_url: "../" <h2 id="nav-justified">Justified</h2> <p>Easily make tabs or pills equal widths of their parent at screens wider than 768px with <code>.nav-justified</code>. On smaller screens, the nav links are stacked.</p> <div class="bs-callout bs-callout-warning"> - <h4>WebKit and responsive justified navs</h4> - <p>Chrome and Safari both exhibit a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the <a href="../examples/justified-nav/">justified nav example</a>.</p> + <h4>Safari and responsive justified navs</h4> + <p>Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the <a href="../examples/justified-nav/">justified nav example</a>.</p> </div> <div class="bs-example"> <ul class="nav nav-tabs nav-justified"> @@ -2021,9 +2048,9 @@ base_url: "../" <h4>Customize the collapsing point</h4> <p>Depending on the content in your navbar, you might need to change the point at which your navbar switches between collapsed and horizontal mode. Customize the <code>@grid-float-breakpoint</code> variable or add your own media query.</p> </div> - <div class="bs-callout bs-callout-warning" id="multiple-navbars-warning"> - <h4>Multiple navbars require custom code</h4> - <p>Multiple nearby navbars with dropdown menus are not supported by default. You will need to override the <code>z-index</code>es of the dropdown menus yourself. Otherwise, the dropdown menu will display behind the other navbar.</p> + <div class="bs-callout bs-callout-danger"> + <h4>Requires JavaScript</h4> + <p>If JavaScript is disabled and the viewport is narrow enough that the navbar collapses, it will be impossible to expand the navbar and view the content within the <code>.navbar-collapse</code>.</p> </div> <div class="bs-example"> @@ -2247,12 +2274,12 @@ base_url: "../" <a class="navbar-brand" href="#">Brand</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-5"> - <p class="navbar-text pull-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p> + <p class="navbar-text navbar-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p> </div> </nav> </div> {% highlight html %} -<p class="navbar-text pull-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p> +<p class="navbar-text navbar-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p> {% endhighlight %} @@ -2693,6 +2720,10 @@ body { padding-bottom: 70px; } </a> </li> </ul> + <br> + <button class="btn btn-primary" type="button"> + Messages <span class="badge">4</span> + </button> </div> {% highlight html %} <ul class="nav nav-pills nav-stacked"> @@ -2776,31 +2807,31 @@ body { padding-bottom: 70px; } <p>By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.</p> <div class="bs-example"> <div class="row"> - <div class="col-sm-6 col-md-3"> + <div class="col-xs-6 col-md-3"> <a href="#" class="thumbnail"> - <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> + <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail"> </a> </div> - <div class="col-sm-6 col-md-3"> + <div class="col-xs-6 col-md-3"> <a href="#" class="thumbnail"> - <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> + <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail"> </a> </div> - <div class="col-sm-6 col-md-3"> + <div class="col-xs-6 col-md-3"> <a href="#" class="thumbnail"> - <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> + <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail"> </a> </div> - <div class="col-sm-6 col-md-3"> + <div class="col-xs-6 col-md-3"> <a href="#" class="thumbnail"> - <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> + <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail"> </a> </div> </div> </div><!-- /.bs-example --> {% highlight html %} <div class="row"> - <div class="col-sm-6 col-md-3"> + <div class="col-xs-6 col-md-3"> <a href="#" class="thumbnail"> <img data-src="holder.js/100%x180" alt="..."> </a> @@ -2815,7 +2846,7 @@ body { padding-bottom: 70px; } <div class="row"> <div class="col-sm-6 col-md-4"> <div class="thumbnail"> - <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> + <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail"> <div class="caption"> <h3>Thumbnail label</h3> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> @@ -2825,7 +2856,7 @@ body { padding-bottom: 70px; } </div> <div class="col-sm-6 col-md-4"> <div class="thumbnail"> - <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> + <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail"> <div class="caption"> <h3>Thumbnail label</h3> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> @@ -2835,7 +2866,7 @@ body { padding-bottom: 70px; } </div> <div class="col-sm-6 col-md-4"> <div class="thumbnail"> - <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail" src="data:image/png;base64,"> + <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail"> <div class="caption"> <h3>Thumbnail label</h3> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> @@ -3141,7 +3172,7 @@ body { padding-bottom: 70px; } <div class="bs-example"> <div class="media"> <a class="pull-left" href="#"> - <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image" src="data:image/png;base64,"> + <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> @@ -3150,17 +3181,17 @@ body { padding-bottom: 70px; } </div> <div class="media"> <a class="pull-left" href="#"> - <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image" src="data:image/png;base64,"> + <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. <div class="media"> <a class="pull-left" href="#"> - <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image" src="data:image/png;base64,"> + <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> - <h4 class="media-heading">Media heading</h4> + <h4 class="media-heading">Nested media heading</h4> Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. </div> </div> @@ -3185,7 +3216,7 @@ body { padding-bottom: 70px; } <ul class="media-list"> <li class="media"> <a class="pull-left" href="#"> - <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image" src="data:image/png;base64,"> + <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> @@ -3193,7 +3224,7 @@ body { padding-bottom: 70px; } <!-- Nested media object --> <div class="media"> <a class="pull-left" href="#"> - <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image" src="data:image/png;base64,"> + <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Nested media heading</h4> @@ -3201,7 +3232,7 @@ body { padding-bottom: 70px; } <!-- Nested media object --> <div class="media"> <a class="pull-left" href="#"> - <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image" src="data:image/png;base64,"> + <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Nested media heading</h4> @@ -3213,7 +3244,7 @@ body { padding-bottom: 70px; } <!-- Nested media object --> <div class="media"> <a class="pull-left" href="#"> - <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image" src="data:image/png;base64,"> + <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Nested media heading</h4> @@ -3224,7 +3255,7 @@ body { padding-bottom: 70px; } </li> <li class="media"> <a class="pull-right" href="#"> - <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image" src="data:image/png;base64,"> + <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image"> </a> <div class="media-body"> <h4 class="media-heading">Media heading</h4> @@ -3331,6 +3362,43 @@ body { padding-bottom: 70px; } </div> {% endhighlight %} + <h3 id="list-group-contextual-classes">Contextual classes</h3> + <p>Use contextual classes to style list items, default or linked. Also includes <code>.active</code> state.</p> + <div class="bs-example"> + <div class="row"> + <div class="col-sm-6"> + <ul class="list-group"> + <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li> + <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li> + <li class="list-group-item list-group-item-danger">Vestibulum at eros</li> + <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li> + </ul> + </div> + <div class="col-sm-6"> + <div class="list-group"> + <a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a> + <a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a> + <a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a> + <a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a> + </div> + </div> + </div> + </div> +{% highlight html %} +<ul class="list-group"> + <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li> + <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li> + <li class="list-group-item list-group-item-danger">Vestibulum at eros</li> + <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li> +</ul> +<div class="list-group"> + <a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a> + <a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a> + <a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a> + <a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a> +</div> +{% endhighlight %} + <h3 id="list-group-custom-content">Custom content</h3> <p>Add nearly any HTML within, even for linked list groups like the one below.</p> <div class="bs-example"> |