diff options
Diffstat (limited to 'components.html')
| -rw-r--r-- | components.html | 1702 |
1 files changed, 885 insertions, 817 deletions
diff --git a/components.html b/components.html index 66f80e119..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"> @@ -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,22 +2807,22 @@ 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"> </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"> </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"> </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"> </a> @@ -2800,7 +2831,7 @@ body { padding-bottom: 70px; } </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> @@ -3160,7 +3191,7 @@ body { padding-bottom: 70px; } <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> @@ -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"> |