diff options
Diffstat (limited to 'components.html')
| -rw-r--r-- | components.html | 1794 |
1 files changed, 927 insertions, 867 deletions
diff --git a/components.html b/components.html index 457398078..4afb2cd00 100644 --- a/components.html +++ b/components.html @@ -16,808 +16,810 @@ 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> @@ -900,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 %} @@ -1097,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> @@ -1171,8 +1177,8 @@ base_url: "../" <a class="btn btn-default" role="button">Left</a> <a class="btn btn-default" role="button">Middle</a> <div class="btn-group"> - <a type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> - Right dropdown <span class="caret"></span> + <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> @@ -1546,6 +1552,7 @@ base_url: "../" <h2 id="input-groups-basic">Basic example</h2> + <p>Place one add-on or button on either side of an input. You may also place one on both sides of an input. <strong class="text-danger">We do not support mutiple add-ons on a single side.</strong></p> <form class="bs-example bs-example-form" role="form"> <div class="input-group"> <span class="input-group-addon">@</span> @@ -2198,6 +2205,11 @@ base_url: "../" </form> {% endhighlight %} + <div class="bs-callout bs-callout-warning"> + <h4>Mobile device caveats</h4> + <p>There are some caveats regarding using form controls within fixed elements on mobile devices. <a href="{{ page.base_url }}getting-started#support-fixed-position-keyboards">See our browser support docs</a> for details.</p> + </div> + <div class="bs-callout bs-callout-danger"> <h4>Always add labels</h4> <p>Screen readers will have trouble with your forms if you don't include a label for every input. For these inline navbar forms, you can hide the labels using the <code>.sr-only</code> class.</p> @@ -2283,33 +2295,36 @@ base_url: "../" <h2 id="navbar-fixed-top">Fixed to top</h2> - <p>Add <code>.navbar-fixed-top</code>.</p> + <p>Add <code>.navbar-fixed-top</code> and include a <code>.container</code> or <code>.container-fluid</code> to center and pad navbar content.</p> <div class="bs-example bs-navbar-top-example"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> - <!-- Brand and toggle get grouped for better mobile display --> - <div class="navbar-header"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-6"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - <a class="navbar-brand" href="#">Brand</a> - </div> + <!-- We use the fluid option here to avoid overriding the fixed width of a normal container within the narrow content columns. --> + <div class="container-fluid"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-6"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="#">Brand</a> + </div> - <!-- Collect the nav links, forms, and other content for toggling --> - <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6"> - <ul class="nav navbar-nav"> - <li class="active"><a href="#">Home</a></li> - <li><a href="#">Link</a></li> - <li><a href="#">Link</a></li> - </ul> - </div><!-- /.navbar-collapse --> + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6"> + <ul class="nav navbar-nav"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#">Link</a></li> + <li><a href="#">Link</a></li> + </ul> + </div><!-- /.navbar-collapse --> + </div> </nav> </div><!-- /example --> {% highlight html %} <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> - ... + <div class="container"> + ... + </div> </nav> {% endhighlight %} @@ -2324,33 +2339,36 @@ body { padding-top: 70px; } <h2 id="navbar-fixed-bottom">Fixed to bottom</h2> - <p>Add <code>.navbar-fixed-bottom</code> instead.</p> + <p>Add <code>.navbar-fixed-bottom</code> and include a <code>.container</code> or <code>.container-fluid</code> to center and pad navbar content.</p> <div class="bs-example bs-navbar-bottom-example"> <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation"> - <!-- Brand and toggle get grouped for better mobile display --> - <div class="navbar-header"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-7"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - <a class="navbar-brand" href="#">Brand</a> - </div> + <!-- We use the fluid option here to avoid overriding the fixed width of a normal container within the narrow content columns. --> + <div class="container-fluid"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-7"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="#">Brand</a> + </div> - <!-- Collect the nav links, forms, and other content for toggling --> - <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-7"> - <ul class="nav navbar-nav"> - <li class="active"><a href="#">Home</a></li> - <li><a href="#">Link</a></li> - <li><a href="#">Link</a></li> - </ul> - </div><!-- /.navbar-collapse --> + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-7"> + <ul class="nav navbar-nav"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#">Link</a></li> + <li><a href="#">Link</a></li> + </ul> + </div><!-- /.navbar-collapse --> + </div> </nav> </div><!-- /example --> {% highlight html %} <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation"> - ... + <div class="container"> + ... + </div> </nav> {% endhighlight %} @@ -2365,33 +2383,38 @@ body { padding-bottom: 70px; } <h2 id="navbar-static-top">Static top</h2> - <p>Create a full-width navbar that scrolls away with the page by adding <code>.navbar-static-top</code>. Unlike the <code>.navbar-fixed-*</code> classes, you do not need to change any padding on the <code>body</code>.</p> + <p>Create a full-width navbar that scrolls away with the page by adding <code>.navbar-static-top</code> and include a <code>.container</code> or <code>.container-fluid</code> to center and pad navbar content.</p> + <p>Unlike the <code>.navbar-fixed-*</code> classes, you do not need to change any padding on the <code>body</code>.</p> <div class="bs-example bs-navbar-top-example"> <nav class="navbar navbar-default navbar-static-top" role="navigation"> - <!-- Brand and toggle get grouped for better mobile display --> - <div class="navbar-header"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-8"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - <a class="navbar-brand" href="#">Brand</a> - </div> + <!-- We use the fluid option here to avoid overriding the fixed width of a normal container within the narrow content columns. --> + <div class="container-fluid"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-8"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="#">Brand</a> + </div> - <!-- Collect the nav links, forms, and other content for toggling --> - <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-8"> - <ul class="nav navbar-nav"> - <li class="active"><a href="#">Home</a></li> - <li><a href="#">Link</a></li> - <li><a href="#">Link</a></li> - </ul> - </div><!-- /.navbar-collapse --> + <!-- Collect the nav links, forms, and other content for toggling --> + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-8"> + <ul class="nav navbar-nav"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#">Link</a></li> + <li><a href="#">Link</a></li> + </ul> + </div><!-- /.navbar-collapse --> + </div> </nav> </div><!-- /example --> {% highlight html %} <nav class="navbar navbar-default navbar-static-top" role="navigation"> - ... + <div class="container"> + ... + </div> </nav> {% endhighlight %} @@ -3356,6 +3379,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"> |