rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +01:00
Code Issues Actions Packages Releases Activity

Merge branch '3.0.0-wip' into gh-pages

Browse Source
This commit is contained in:
Mark Otto 2013-08-18 15:52:55 -07:00
commit 8a594a25af
25 changed files with 830 additions and 723 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Gruntfile.js
View File

@ -166,10 +166,10 @@ module.exports = function(grunt) {
grunt.loadNpmTasks('browserstack-runner');
// Docs HTML validation task
grunt.registerTask('validate-docs', ['jekyll', 'validation']);
grunt.registerTask('validate-html', ['jekyll', 'validation']);
// Test task.
var testSubtasks = ['jshint', 'qunit', 'validate-docs'];
var testSubtasks = ['dist-css', 'jshint', 'qunit', 'validate-html'];
// Only run BrowserStack tests under Travis
if (process.env.TRAVIS) {
// Only run BrowserStack tests if this is a mainline commit in twbs/bootstrap, or you have your own BrowserStack key

2
_layouts/home.html
View File

@ -25,7 +25,7 @@
<a href="{{ site.repo }}" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
</li>
<li>
<a href="{{ page.base_url }}getting-started#/examples" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);">Examples</a>
<a href="{{ page.base_url }}getting-started/#examples" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);">Examples</a>
</li>
<li>
<a href="{{ page.base_url }}components/#glyphicons" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Glyphicons']);">Glyphicons</a>

BIN
assets/ico/apple-touch-icon-114-precomposed.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
assets/ico/apple-touch-icon-144-precomposed.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
assets/ico/apple-touch-icon-57-precomposed.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
assets/ico/apple-touch-icon-72-precomposed.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
assets/ico/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 889 B

401
components.html
View File

@ -56,191 +56,206 @@ base_url: "../"
<h2 id="glyphicons-glyphs">Available glyphs</h2>
<p>Includes 180 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-glass"></span> .glyphicon .glyphicon-glass</li>
<li><span class="glyphicon glyphicon-music"></span> .glyphicon .glyphicon-music</li>
<li><span class="glyphicon glyphicon-search"></span> .glyphicon .glyphicon-search</li>
<li><span class="glyphicon glyphicon-envelope"></span> .glyphicon .glyphicon-envelope</li>
<li><span class="glyphicon glyphicon-heart"></span> .glyphicon .glyphicon-heart</li>
<li><span class="glyphicon glyphicon-star"></span> .glyphicon .glyphicon-star</li>
<li><span class="glyphicon glyphicon-star-empty"></span> .glyphicon .glyphicon-star-empty</li>
<li><span class="glyphicon glyphicon-user"></span> .glyphicon .glyphicon-user</li>
<li><span class="glyphicon glyphicon-film"></span> .glyphicon .glyphicon-film</li>
<li><span class="glyphicon glyphicon-th-large"></span> .glyphicon .glyphicon-th-large</li>
<li><span class="glyphicon glyphicon-th"></span> .glyphicon .glyphicon-th</li>
<li><span class="glyphicon glyphicon-th-list"></span> .glyphicon .glyphicon-th-list</li>
<li><span class="glyphicon glyphicon-ok"></span> .glyphicon .glyphicon-ok</li>
<li><span class="glyphicon glyphicon-remove"></span> .glyphicon .glyphicon-remove</li>
<li><span class="glyphicon glyphicon-zoom-in"></span> .glyphicon .glyphicon-zoom-in</li>
<li><span class="glyphicon glyphicon-zoom-out"></span> .glyphicon .glyphicon-zoom-out</li>
<li><span class="glyphicon glyphicon-off"></span> .glyphicon .glyphicon-off</li>
<li><span class="glyphicon glyphicon-signal"></span> .glyphicon .glyphicon-signal</li>
<li><span class="glyphicon glyphicon-cog"></span> .glyphicon .glyphicon-cog</li>
<li><span class="glyphicon glyphicon-trash"></span> .glyphicon .glyphicon-trash</li>
<li><span class="glyphicon glyphicon-home"></span> .glyphicon .glyphicon-home</li>
<li><span class="glyphicon glyphicon-file"></span> .glyphicon .glyphicon-file</li>
<li><span class="glyphicon glyphicon-time"></span> .glyphicon .glyphicon-time</li>
<li><span class="glyphicon glyphicon-road"></span> .glyphicon .glyphicon-road</li>
<li><span class="glyphicon glyphicon-download-alt"></span> .glyphicon .glyphicon-download-alt</li>
<li><span class="glyphicon glyphicon-download"></span> .glyphicon .glyphicon-download</li>
<li><span class="glyphicon glyphicon-upload"></span> .glyphicon .glyphicon-upload</li>
<li><span class="glyphicon glyphicon-inbox"></span> .glyphicon .glyphicon-inbox</li>
<li><span class="glyphicon glyphicon-play-circle"></span> .glyphicon .glyphicon-play-circle</li>
<li><span class="glyphicon glyphicon-repeat"></span> .glyphicon .glyphicon-repeat</li>
<li><span class="glyphicon glyphicon-refresh"></span> .glyphicon .glyphicon-refresh</li>
<li><span class="glyphicon glyphicon-list-alt"></span> .glyphicon .glyphicon-list-alt</li>
<li><span class="glyphicon glyphicon-lock"></span> .glyphicon .glyphicon-lock</li>
<li><span class="glyphicon glyphicon-flag"></span> .glyphicon .glyphicon-flag</li>
<li><span class="glyphicon glyphicon-headphones"></span> .glyphicon .glyphicon-headphones</li>
<li><span class="glyphicon glyphicon-volume-off"></span> .glyphicon .glyphicon-volume-off</li>
<li><span class="glyphicon glyphicon-volume-down"></span> .glyphicon .glyphicon-volume-down</li>
<li><span class="glyphicon glyphicon-volume-up"></span> .glyphicon .glyphicon-volume-up</li>
<li><span class="glyphicon glyphicon-qrcode"></span> .glyphicon .glyphicon-qrcode</li>
<li><span class="glyphicon glyphicon-barcode"></span> .glyphicon .glyphicon-barcode</li>
<li><span class="glyphicon glyphicon-tag"></span> .glyphicon .glyphicon-tag</li>
<li><span class="glyphicon glyphicon-tags"></span> .glyphicon .glyphicon-tags</li>
<li><span class="glyphicon glyphicon-book"></span> .glyphicon .glyphicon-book</li>
<li><span class="glyphicon glyphicon-bookmark"></span> .glyphicon .glyphicon-bookmark</li>
<li><span class="glyphicon glyphicon-print"></span> .glyphicon .glyphicon-print</li>
<li><span class="glyphicon glyphicon-camera"></span> .glyphicon .glyphicon-camera</li>
<li><span class="glyphicon glyphicon-font"></span> .glyphicon .glyphicon-font</li>
<li><span class="glyphicon glyphicon-bold"></span> .glyphicon .glyphicon-bold</li>
<li><span class="glyphicon glyphicon-italic"></span> .glyphicon .glyphicon-italic</li>
<li><span class="glyphicon glyphicon-text-height"></span> .glyphicon .glyphicon-text-height</li>
<li><span class="glyphicon glyphicon-text-width"></span> .glyphicon .glyphicon-text-width</li>
<li><span class="glyphicon glyphicon-align-left"></span> .glyphicon .glyphicon-align-left</li>
<li><span class="glyphicon glyphicon-align-center"></span> .glyphicon .glyphicon-align-center</li>
<li><span class="glyphicon glyphicon-align-right"></span> .glyphicon .glyphicon-align-right</li>
<li><span class="glyphicon glyphicon-align-justify"></span> .glyphicon .glyphicon-align-justify</li>
<li><span class="glyphicon glyphicon-list"></span> .glyphicon .glyphicon-list</li>
<li><span class="glyphicon glyphicon-indent-left"></span> .glyphicon .glyphicon-indent-left</li>
<li><span class="glyphicon glyphicon-indent-right"></span> .glyphicon .glyphicon-indent-right</li>
<li><span class="glyphicon glyphicon-facetime-video"></span> .glyphicon .glyphicon-facetime-video</li>
<li><span class="glyphicon glyphicon-picture"></span> .glyphicon .glyphicon-picture</li>
<li><span class="glyphicon glyphicon-pencil"></span> .glyphicon .glyphicon-pencil</li>
<li><span class="glyphicon glyphicon-map-marker"></span> .glyphicon .glyphicon-map-marker</li>
<li><span class="glyphicon glyphicon-adjust"></span> .glyphicon .glyphicon-adjust</li>
<li><span class="glyphicon glyphicon-tint"></span> .glyphicon .glyphicon-tint</li>
<li><span class="glyphicon glyphicon-edit"></span> .glyphicon .glyphicon-edit</li>
<li><span class="glyphicon glyphicon-share"></span> .glyphicon .glyphicon-share</li>
<li><span class="glyphicon glyphicon-check"></span> .glyphicon .glyphicon-check</li>
<li><span class="glyphicon glyphicon-move"></span> .glyphicon .glyphicon-move</li>
<li><span class="glyphicon glyphicon-step-backward"></span> .glyphicon .glyphicon-step-backward</li>
<li><span class="glyphicon glyphicon-fast-backward"></span> .glyphicon .glyphicon-fast-backward</li>
<li><span class="glyphicon glyphicon-backward"></span> .glyphicon .glyphicon-backward</li>
<li><span class="glyphicon glyphicon-play"></span> .glyphicon .glyphicon-play</li>
<li><span class="glyphicon glyphicon-pause"></span> .glyphicon .glyphicon-pause</li>
<li><span class="glyphicon glyphicon-stop"></span> .glyphicon .glyphicon-stop</li>
<li><span class="glyphicon glyphicon-forward"></span> .glyphicon .glyphicon-forward</li>
<li><span class="glyphicon glyphicon-fast-forward"></span> .glyphicon .glyphicon-fast-forward</li>
<li><span class="glyphicon glyphicon-step-forward"></span> .glyphicon .glyphicon-step-forward</li>
<li><span class="glyphicon glyphicon-eject"></span> .glyphicon .glyphicon-eject</li>
<li><span class="glyphicon glyphicon-chevron-left"></span> .glyphicon .glyphicon-chevron-left</li>
<li><span class="glyphicon glyphicon-chevron-right"></span> .glyphicon .glyphicon-chevron-right</li>
<li><span class="glyphicon glyphicon-plus-sign"></span> .glyphicon .glyphicon-plus-sign</li>
<li><span class="glyphicon glyphicon-minus-sign"></span> .glyphicon .glyphicon-minus-sign</li>
<li><span class="glyphicon glyphicon-remove-sign"></span> .glyphicon .glyphicon-remove-sign</li>
<li><span class="glyphicon glyphicon-ok-sign"></span> .glyphicon .glyphicon-ok-sign</li>
<li><span class="glyphicon glyphicon-question-sign"></span> .glyphicon .glyphicon-question-sign</li>
<li><span class="glyphicon glyphicon-info-sign"></span> .glyphicon .glyphicon-info-sign</li>
<li><span class="glyphicon glyphicon-screenshot"></span> .glyphicon .glyphicon-screenshot</li>
<li><span class="glyphicon glyphicon-remove-circle"></span> .glyphicon .glyphicon-remove-circle</li>
<li><span class="glyphicon glyphicon-ok-circle"></span> .glyphicon .glyphicon-ok-circle</li>
<li><span class="glyphicon glyphicon-ban-circle"></span> .glyphicon .glyphicon-ban-circle</li>
<li><span class="glyphicon glyphicon-align-center"></span> .glyphicon .glyphicon-align-center</li>
<li><span class="glyphicon glyphicon-align-justify"></span> .glyphicon .glyphicon-align-justify</li>
<li><span class="glyphicon glyphicon-align-left"></span> .glyphicon .glyphicon-align-left</li>
<li><span class="glyphicon glyphicon-align-right"></span> .glyphicon .glyphicon-align-right</li>
<li><span class="glyphicon glyphicon-arrow-down"></span> .glyphicon .glyphicon-arrow-down</li>
<li><span class="glyphicon glyphicon-arrow-left"></span> .glyphicon .glyphicon-arrow-left</li>
<li><span class="glyphicon glyphicon-arrow-right"></span> .glyphicon .glyphicon-arrow-right</li>
<li><span class="glyphicon glyphicon-arrow-up"></span> .glyphicon .glyphicon-arrow-up</li>
<li><span class="glyphicon glyphicon-arrow-down"></span> .glyphicon .glyphicon-arrow-down</li>
<li><span class="glyphicon glyphicon-share-alt"></span> .glyphicon .glyphicon-share-alt</li>
<li><span class="glyphicon glyphicon-resize-full"></span> .glyphicon .glyphicon-resize-full</li>
<li><span class="glyphicon glyphicon-resize-small"></span> .glyphicon .glyphicon-resize-small</li>
<li><span class="glyphicon glyphicon-plus"></span> .glyphicon .glyphicon-plus</li>
<li><span class="glyphicon glyphicon-minus"></span> .glyphicon .glyphicon-minus</li>
<li><span class="glyphicon glyphicon-asterisk"></span> .glyphicon .glyphicon-asterisk</li>
<li><span class="glyphicon glyphicon-exclamation-sign"></span> .glyphicon .glyphicon-exclamation-sign</li>
<li><span class="glyphicon glyphicon-gift"></span> .glyphicon .glyphicon-gift</li>
<li><span class="glyphicon glyphicon-leaf"></span> .glyphicon .glyphicon-leaf</li>
<li><span class="glyphicon glyphicon-fire"></span> .glyphicon .glyphicon-fire</li>
<li><span class="glyphicon glyphicon-eye-open"></span> .glyphicon .glyphicon-eye-open</li>
<li><span class="glyphicon glyphicon-eye-close"></span> .glyphicon .glyphicon-eye-close</li>
<li><span class="glyphicon glyphicon-warning-sign"></span> .glyphicon .glyphicon-warning-sign</li>
<li><span class="glyphicon glyphicon-plane"></span> .glyphicon .glyphicon-plane</li>
<li><span class="glyphicon glyphicon-calendar"></span> .glyphicon .glyphicon-calendar</li>
<li><span class="glyphicon glyphicon-random"></span> .glyphicon .glyphicon-random</li>
<li><span class="glyphicon glyphicon-comment"></span> .glyphicon .glyphicon-comment</li>
<li><span class="glyphicon glyphicon-magnet"></span> .glyphicon .glyphicon-magnet</li>
<li><span class="glyphicon glyphicon-chevron-up"></span> .glyphicon .glyphicon-chevron-up</li>
<li><span class="glyphicon glyphicon-chevron-down"></span> .glyphicon .glyphicon-chevron-down</li>
<li><span class="glyphicon glyphicon-retweet"></span> .glyphicon .glyphicon-retweet</li>
<li><span class="glyphicon glyphicon-shopping-cart"></span> .glyphicon .glyphicon-shopping-cart</li>
<li><span class="glyphicon glyphicon-folder-close"></span> .glyphicon .glyphicon-folder-close</li>
<li><span class="glyphicon glyphicon-folder-open"></span> .glyphicon .glyphicon-folder-open</li>
<li><span class="glyphicon glyphicon-resize-vertical"></span> .glyphicon .glyphicon-resize-vertical</li>
<li><span class="glyphicon glyphicon-resize-horizontal"></span> .glyphicon .glyphicon-resize-horizontal</li>
<li><span class="glyphicon glyphicon-hdd"></span> .glyphicon .glyphicon-hdd</li>
<li><span class="glyphicon glyphicon-bullhorn"></span> .glyphicon .glyphicon-bullhorn</li>
<li><span class="glyphicon glyphicon-backward"></span> .glyphicon .glyphicon-backward</li>
<li><span class="glyphicon glyphicon-ban-circle"></span> .glyphicon .glyphicon-ban-circle</li>
<li><span class="glyphicon glyphicon-barcode"></span> .glyphicon .glyphicon-barcode</li>
<li><span class="glyphicon glyphicon-bell"></span> .glyphicon .glyphicon-bell</li>
<li><span class="glyphicon glyphicon-certificate"></span> .glyphicon .glyphicon-certificate</li>
<li><span class="glyphicon glyphicon-thumbs-up"></span> .glyphicon .glyphicon-thumbs-up</li>
<li><span class="glyphicon glyphicon-thumbs-down"></span> .glyphicon .glyphicon-thumbs-down</li>
<li><span class="glyphicon glyphicon-hand-right"></span> .glyphicon .glyphicon-hand-right</li>
<li><span class="glyphicon glyphicon-hand-left"></span> .glyphicon .glyphicon-hand-left</li>
<li><span class="glyphicon glyphicon-hand-up"></span> .glyphicon .glyphicon-hand-up</li>
<li><span class="glyphicon glyphicon-hand-down"></span> .glyphicon .glyphicon-hand-down</li>
<li><span class="glyphicon glyphicon-circle-arrow-right"></span> .glyphicon .glyphicon-circle-arrow-right</li>
<li><span class="glyphicon glyphicon-circle-arrow-left"></span> .glyphicon .glyphicon-circle-arrow-left</li>
<li><span class="glyphicon glyphicon-circle-arrow-up"></span> .glyphicon .glyphicon-circle-arrow-up</li>
<li><span class="glyphicon glyphicon-circle-arrow-down"></span> .glyphicon .glyphicon-circle-arrow-down</li>
<li><span class="glyphicon glyphicon-globe"></span> .glyphicon .glyphicon-globe</li>
<li><span class="glyphicon glyphicon-wrench"></span> .glyphicon .glyphicon-wrench</li>
<li><span class="glyphicon glyphicon-tasks"></span> .glyphicon .glyphicon-tasks</li>
<li><span class="glyphicon glyphicon-filter"></span> .glyphicon .glyphicon-filter</li>
<li><span class="glyphicon glyphicon-bold"></span> .glyphicon .glyphicon-bold</li>
<li><span class="glyphicon glyphicon-book"></span> .glyphicon .glyphicon-book</li>
<li><span class="glyphicon glyphicon-bookmark"></span> .glyphicon .glyphicon-bookmark</li>
<li><span class="glyphicon glyphicon-briefcase"></span> .glyphicon .glyphicon-briefcase</li>
<li><span class="glyphicon glyphicon-fullscreen"></span> .glyphicon .glyphicon-fullscreen</li>
<li><span class="glyphicon glyphicon-log-in"></span> .glyphicon .glyphicon-log-in</li>
<li><span class="glyphicon glyphicon-flash"></span> .glyphicon .glyphicon-flash</li>
<li><span class="glyphicon glyphicon-log-out"></span> .glyphicon .glyphicon-log-out</li>
<li><span class="glyphicon glyphicon-new-window"></span> .glyphicon .glyphicon-new-window</li>
<li><span class="glyphicon glyphicon-record"></span> .glyphicon .glyphicon-record</li>
<li><span class="glyphicon glyphicon-save"></span> .glyphicon .glyphicon-save</li>
<li><span class="glyphicon glyphicon-open"></span> .glyphicon .glyphicon-open</li>
<li><span class="glyphicon glyphicon-saved"></span> .glyphicon .glyphicon-saved</li>
<li><span class="glyphicon glyphicon-import"></span> .glyphicon .glyphicon-import</li>
<li><span class="glyphicon glyphicon-export"></span> .glyphicon .glyphicon-export</li>
<li><span class="glyphicon glyphicon-send"></span> .glyphicon .glyphicon-send</li>
<li><span class="glyphicon glyphicon-floppy-disk"></span> .glyphicon .glyphicon-floppy-disk</li>
<li><span class="glyphicon glyphicon-floppy-saved"></span> .glyphicon .glyphicon-floppy-saved</li>
<li><span class="glyphicon glyphicon-floppy-remove"></span> .glyphicon .glyphicon-floppy-remove</li>
<li><span class="glyphicon glyphicon-floppy-save"></span> .glyphicon .glyphicon-floppy-save</li>
<li><span class="glyphicon glyphicon-floppy-open"></span> .glyphicon .glyphicon-floppy-open</li>
<li><span class="glyphicon glyphicon-credit-card"></span> .glyphicon .glyphicon-credit-card</li>
<li><span class="glyphicon glyphicon-transfer"></span> .glyphicon .glyphicon-transfer</li>
<li><span class="glyphicon glyphicon-cutlery"></span> .glyphicon .glyphicon-cutlery</li>
<li><span class="glyphicon glyphicon-header"></span> .glyphicon .glyphicon-header</li>
<li><span class="glyphicon glyphicon-compressed"></span> .glyphicon .glyphicon-compressed</li>
<li><span class="glyphicon glyphicon-earphone"></span> .glyphicon .glyphicon-earphone</li>
<li><span class="glyphicon glyphicon-phone-alt"></span> .glyphicon .glyphicon-phone-alt</li>
<li><span class="glyphicon glyphicon-tower"></span> .glyphicon .glyphicon-tower</li>
<li><span class="glyphicon glyphicon-stats"></span> .glyphicon .glyphicon-stats</li>
<li><span class="glyphicon glyphicon-sd-video"></span> .glyphicon .glyphicon-sd-video</li>
<li><span class="glyphicon glyphicon-hd-video"></span> .glyphicon .glyphicon-hd-video</li>
<li><span class="glyphicon glyphicon-subtitles"></span> .glyphicon .glyphicon-subtitles</li>
<li><span class="glyphicon glyphicon-sound-stereo"></span> .glyphicon .glyphicon-sound-stereo</li>
<li><span class="glyphicon glyphicon-sound-dolby"></span> .glyphicon .glyphicon-sound-dolby</li>
<li><span class="glyphicon glyphicon-sound-5-1"></span> .glyphicon .glyphicon-sound-5-1</li>
<li><span class="glyphicon glyphicon-sound-6-1"></span> .glyphicon .glyphicon-sound-6-1</li>
<li><span class="glyphicon glyphicon-sound-7-1"></span> .glyphicon .glyphicon-sound-7-1</li>
<li><span class="glyphicon glyphicon-copyright-mark"></span> .glyphicon .glyphicon-copyright-mark</li>
<li><span class="glyphicon glyphicon-registration-mark"></span> .glyphicon .glyphicon-registration-mark</li>
<li><span class="glyphicon glyphicon-bullhorn"></span> .glyphicon .glyphicon-bullhorn</li>
<li><span class="glyphicon glyphicon-calendar"></span> .glyphicon .glyphicon-calendar</li>
<li><span class="glyphicon glyphicon-camera"></span> .glyphicon .glyphicon-camera</li>
<li><span class="glyphicon glyphicon-certificate"></span> .glyphicon .glyphicon-certificate</li>
<li><span class="glyphicon glyphicon-check"></span> .glyphicon .glyphicon-check</li>
<li><span class="glyphicon glyphicon-chevron-down"></span> .glyphicon .glyphicon-chevron-down</li>
<li><span class="glyphicon glyphicon-chevron-left"></span> .glyphicon .glyphicon-chevron-left</li>
<li><span class="glyphicon glyphicon-chevron-right"></span> .glyphicon .glyphicon-chevron-right</li>
<li><span class="glyphicon glyphicon-chevron-up"></span> .glyphicon .glyphicon-chevron-up</li>
<li><span class="glyphicon glyphicon-circle-arrow-down"></span> .glyphicon .glyphicon-circle-arrow-down</li>
<li><span class="glyphicon glyphicon-circle-arrow-left"></span> .glyphicon .glyphicon-circle-arrow-left</li>
<li><span class="glyphicon glyphicon-circle-arrow-right"></span> .glyphicon .glyphicon-circle-arrow-right</li>
<li><span class="glyphicon glyphicon-circle-arrow-up"></span> .glyphicon .glyphicon-circle-arrow-up</li>
<li><span class="glyphicon glyphicon-cloud"></span> .glyphicon .glyphicon-cloud</li>
<li><span class="glyphicon glyphicon-cloud-download"></span> .glyphicon .glyphicon-cloud-download</li>
<li><span class="glyphicon glyphicon-cloud-upload"></span> .glyphicon .glyphicon-cloud-upload</li>
<li><span class="glyphicon glyphicon-cog"></span> .glyphicon .glyphicon-cog</li>
<li><span class="glyphicon glyphicon-collapse-down"></span> .glyphicon .glyphicon-collapse-down</li>
<li><span class="glyphicon glyphicon-collapse-up"></span> .glyphicon .glyphicon-collapse-up</li>
<li><span class="glyphicon glyphicon-comment"></span> .glyphicon .glyphicon-comment</li>
<li><span class="glyphicon glyphicon-compressed"></span> .glyphicon .glyphicon-compressed</li>
<li><span class="glyphicon glyphicon-copyright-mark"></span> .glyphicon .glyphicon-copyright-mark</li>
<li><span class="glyphicon glyphicon-credit-card"></span> .glyphicon .glyphicon-credit-card</li>
<li><span class="glyphicon glyphicon-cutlery"></span> .glyphicon .glyphicon-cutlery</li>
<li><span class="glyphicon glyphicon-dashboard"></span> .glyphicon .glyphicon-dashboard</li>
<li><span class="glyphicon glyphicon-download"></span> .glyphicon .glyphicon-download</li>
<li><span class="glyphicon glyphicon-download-alt"></span> .glyphicon .glyphicon-download-alt</li>
<li><span class="glyphicon glyphicon-earphone"></span> .glyphicon .glyphicon-earphone</li>
<li><span class="glyphicon glyphicon-edit"></span> .glyphicon .glyphicon-edit</li>
<li><span class="glyphicon glyphicon-eject"></span> .glyphicon .glyphicon-eject</li>
<li><span class="glyphicon glyphicon-envelope"></span> .glyphicon .glyphicon-envelope</li>
<li><span class="glyphicon glyphicon-euro"></span> .glyphicon .glyphicon-euro</li>
<li><span class="glyphicon glyphicon-exclamation-sign"></span> .glyphicon .glyphicon-exclamation-sign</li>
<li><span class="glyphicon glyphicon-expand"></span> .glyphicon .glyphicon-expand</li>
<li><span class="glyphicon glyphicon-export"></span> .glyphicon .glyphicon-export</li>
<li><span class="glyphicon glyphicon-eye-close"></span> .glyphicon .glyphicon-eye-close</li>
<li><span class="glyphicon glyphicon-eye-open"></span> .glyphicon .glyphicon-eye-open</li>
<li><span class="glyphicon glyphicon-facetime-video"></span> .glyphicon .glyphicon-facetime-video</li>
<li><span class="glyphicon glyphicon-fast-backward"></span> .glyphicon .glyphicon-fast-backward</li>
<li><span class="glyphicon glyphicon-fast-forward"></span> .glyphicon .glyphicon-fast-forward</li>
<li><span class="glyphicon glyphicon-file"></span> .glyphicon .glyphicon-file</li>
<li><span class="glyphicon glyphicon-film"></span> .glyphicon .glyphicon-film</li>
<li><span class="glyphicon glyphicon-filter"></span> .glyphicon .glyphicon-filter</li>
<li><span class="glyphicon glyphicon-fire"></span> .glyphicon .glyphicon-fire</li>
<li><span class="glyphicon glyphicon-flag"></span> .glyphicon .glyphicon-flag</li>
<li><span class="glyphicon glyphicon-flash"></span> .glyphicon .glyphicon-flash</li>
<li><span class="glyphicon glyphicon-floppy-disk"></span> .glyphicon .glyphicon-floppy-disk</li>
<li><span class="glyphicon glyphicon-floppy-open"></span> .glyphicon .glyphicon-floppy-open</li>
<li><span class="glyphicon glyphicon-floppy-remove"></span> .glyphicon .glyphicon-floppy-remove</li>
<li><span class="glyphicon glyphicon-floppy-save"></span> .glyphicon .glyphicon-floppy-save</li>
<li><span class="glyphicon glyphicon-floppy-saved"></span> .glyphicon .glyphicon-floppy-saved</li>
<li><span class="glyphicon glyphicon-folder-close"></span> .glyphicon .glyphicon-folder-close</li>
<li><span class="glyphicon glyphicon-folder-open"></span> .glyphicon .glyphicon-folder-open</li>
<li><span class="glyphicon glyphicon-font"></span> .glyphicon .glyphicon-font</li>
<li><span class="glyphicon glyphicon-forward"></span> .glyphicon .glyphicon-forward</li>
<li><span class="glyphicon glyphicon-fullscreen"></span> .glyphicon .glyphicon-fullscreen</li>
<li><span class="glyphicon glyphicon-gbp"></span> .glyphicon .glyphicon-gbp</li>
<li><span class="glyphicon glyphicon-gift"></span> .glyphicon .glyphicon-gift</li>
<li><span class="glyphicon glyphicon-glass"></span> .glyphicon .glyphicon-glass</li>
<li><span class="glyphicon glyphicon-globe"></span> .glyphicon .glyphicon-globe</li>
<li><span class="glyphicon glyphicon-hand-down"></span> .glyphicon .glyphicon-hand-down</li>
<li><span class="glyphicon glyphicon-hand-left"></span> .glyphicon .glyphicon-hand-left</li>
<li><span class="glyphicon glyphicon-hand-right"></span> .glyphicon .glyphicon-hand-right</li>
<li><span class="glyphicon glyphicon-hand-up"></span> .glyphicon .glyphicon-hand-up</li>
<li><span class="glyphicon glyphicon-hd-video"></span> .glyphicon .glyphicon-hd-video</li>
<li><span class="glyphicon glyphicon-hdd"></span> .glyphicon .glyphicon-hdd</li>
<li><span class="glyphicon glyphicon-header"></span> .glyphicon .glyphicon-header</li>
<li><span class="glyphicon glyphicon-headphones"></span> .glyphicon .glyphicon-headphones</li>
<li><span class="glyphicon glyphicon-heart"></span> .glyphicon .glyphicon-heart</li>
<li><span class="glyphicon glyphicon-heart-empty"></span> .glyphicon .glyphicon-heart-empty</li>
<li><span class="glyphicon glyphicon-home"></span> .glyphicon .glyphicon-home</li>
<li><span class="glyphicon glyphicon-import"></span> .glyphicon .glyphicon-import</li>
<li><span class="glyphicon glyphicon-inbox"></span> .glyphicon .glyphicon-inbox</li>
<li><span class="glyphicon glyphicon-indent-left"></span> .glyphicon .glyphicon-indent-left</li>
<li><span class="glyphicon glyphicon-indent-right"></span> .glyphicon .glyphicon-indent-right</li>
<li><span class="glyphicon glyphicon-info-sign"></span> .glyphicon .glyphicon-info-sign</li>
<li><span class="glyphicon glyphicon-italic"></span> .glyphicon .glyphicon-italic</li>
<li><span class="glyphicon glyphicon-leaf"></span> .glyphicon .glyphicon-leaf</li>
<li><span class="glyphicon glyphicon-link"></span> .glyphicon .glyphicon-link</li>
<li><span class="glyphicon glyphicon-list"></span> .glyphicon .glyphicon-list</li>
<li><span class="glyphicon glyphicon-list-alt"></span> .glyphicon .glyphicon-list-alt</li>
<li><span class="glyphicon glyphicon-lock"></span> .glyphicon .glyphicon-lock</li>
<li><span class="glyphicon glyphicon-log-in"></span> .glyphicon .glyphicon-log-in</li>
<li><span class="glyphicon glyphicon-log-out"></span> .glyphicon .glyphicon-log-out</li>
<li><span class="glyphicon glyphicon-magnet"></span> .glyphicon .glyphicon-magnet</li>
<li><span class="glyphicon glyphicon-map-marker"></span> .glyphicon .glyphicon-map-marker</li>
<li><span class="glyphicon glyphicon-minus"></span> .glyphicon .glyphicon-minus</li>
<li><span class="glyphicon glyphicon-minus-sign"></span> .glyphicon .glyphicon-minus-sign</li>
<li><span class="glyphicon glyphicon-move"></span> .glyphicon .glyphicon-move</li>
<li><span class="glyphicon glyphicon-music"></span> .glyphicon .glyphicon-music</li>
<li><span class="glyphicon glyphicon-new-window"></span> .glyphicon .glyphicon-new-window</li>
<li><span class="glyphicon glyphicon-off"></span> .glyphicon .glyphicon-off</li>
<li><span class="glyphicon glyphicon-ok"></span> .glyphicon .glyphicon-ok</li>
<li><span class="glyphicon glyphicon-ok-circle"></span> .glyphicon .glyphicon-ok-circle</li>
<li><span class="glyphicon glyphicon-ok-sign"></span> .glyphicon .glyphicon-ok-sign</li>
<li><span class="glyphicon glyphicon-open"></span> .glyphicon .glyphicon-open</li>
<li><span class="glyphicon glyphicon-paperclip"></span> .glyphicon .glyphicon-paperclip</li>
<li><span class="glyphicon glyphicon-pause"></span> .glyphicon .glyphicon-pause</li>
<li><span class="glyphicon glyphicon-pencil"></span> .glyphicon .glyphicon-pencil</li>
<li><span class="glyphicon glyphicon-phone"></span> .glyphicon .glyphicon-phone</li>
<li><span class="glyphicon glyphicon-phone-alt"></span> .glyphicon .glyphicon-phone-alt</li>
<li><span class="glyphicon glyphicon-picture"></span> .glyphicon .glyphicon-picture</li>
<li><span class="glyphicon glyphicon-plane"></span> .glyphicon .glyphicon-plane</li>
<li><span class="glyphicon glyphicon-play"></span> .glyphicon .glyphicon-play</li>
<li><span class="glyphicon glyphicon-play-circle"></span> .glyphicon .glyphicon-play-circle</li>
<li><span class="glyphicon glyphicon-plus"></span> .glyphicon .glyphicon-plus</li>
<li><span class="glyphicon glyphicon-plus-sign"></span> .glyphicon .glyphicon-plus-sign</li>
<li><span class="glyphicon glyphicon-print"></span> .glyphicon .glyphicon-print</li>
<li><span class="glyphicon glyphicon-pushpin"></span> .glyphicon .glyphicon-pushpin</li>
<li><span class="glyphicon glyphicon-qrcode"></span> .glyphicon .glyphicon-qrcode</li>
<li><span class="glyphicon glyphicon-question-sign"></span> .glyphicon .glyphicon-question-sign</li>
<li><span class="glyphicon glyphicon-random"></span> .glyphicon .glyphicon-random</li>
<li><span class="glyphicon glyphicon-record"></span> .glyphicon .glyphicon-record</li>
<li><span class="glyphicon glyphicon-refresh"></span> .glyphicon .glyphicon-refresh</li>
<li><span class="glyphicon glyphicon-registration-mark"></span> .glyphicon .glyphicon-registration-mark</li>
<li><span class="glyphicon glyphicon-remove"></span> .glyphicon .glyphicon-remove</li>
<li><span class="glyphicon glyphicon-remove-circle"></span> .glyphicon .glyphicon-remove-circle</li>
<li><span class="glyphicon glyphicon-remove-sign"></span> .glyphicon .glyphicon-remove-sign</li>
<li><span class="glyphicon glyphicon-repeat"></span> .glyphicon .glyphicon-repeat</li>
<li><span class="glyphicon glyphicon-resize-full"></span> .glyphicon .glyphicon-resize-full</li>
<li><span class="glyphicon glyphicon-resize-horizontal"></span> .glyphicon .glyphicon-resize-horizontal</li>
<li><span class="glyphicon glyphicon-resize-small"></span> .glyphicon .glyphicon-resize-small</li>
<li><span class="glyphicon glyphicon-resize-vertical"></span> .glyphicon .glyphicon-resize-vertical</li>
<li><span class="glyphicon glyphicon-retweet"></span> .glyphicon .glyphicon-retweet</li>
<li><span class="glyphicon glyphicon-road"></span> .glyphicon .glyphicon-road</li>
<li><span class="glyphicon glyphicon-save"></span> .glyphicon .glyphicon-save</li>
<li><span class="glyphicon glyphicon-saved"></span> .glyphicon .glyphicon-saved</li>
<li><span class="glyphicon glyphicon-screenshot"></span> .glyphicon .glyphicon-screenshot</li>
<li><span class="glyphicon glyphicon-sd-video"></span> .glyphicon .glyphicon-sd-video</li>
<li><span class="glyphicon glyphicon-search"></span> .glyphicon .glyphicon-search</li>
<li><span class="glyphicon glyphicon-send"></span> .glyphicon .glyphicon-send</li>
<li><span class="glyphicon glyphicon-share"></span> .glyphicon .glyphicon-share</li>
<li><span class="glyphicon glyphicon-share-alt"></span> .glyphicon .glyphicon-share-alt</li>
<li><span class="glyphicon glyphicon-shopping-cart"></span> .glyphicon .glyphicon-shopping-cart</li>
<li><span class="glyphicon glyphicon-signal"></span> .glyphicon .glyphicon-signal</li>
<li><span class="glyphicon glyphicon-sort"></span> .glyphicon .glyphicon-sort</li>
<li><span class="glyphicon glyphicon-sort-by-alphabet"></span> .glyphicon .glyphicon-sort-by-alphabet</li>
<li><span class="glyphicon glyphicon-sort-by-alphabet-alt"></span> .glyphicon .glyphicon-sort-by-alphabet-alt</li>
<li><span class="glyphicon glyphicon-sort-by-attributes"></span> .glyphicon .glyphicon-sort-by-attributes</li>
<li><span class="glyphicon glyphicon-sort-by-attributes-alt"></span> .glyphicon .glyphicon-sort-by-attributes-alt</li>
<li><span class="glyphicon glyphicon-sort-by-order"></span> .glyphicon .glyphicon-sort-by-order</li>
<li><span class="glyphicon glyphicon-sort-by-order-alt"></span> .glyphicon .glyphicon-sort-by-order-alt</li>
<li><span class="glyphicon glyphicon-sound-5-1"></span> .glyphicon .glyphicon-sound-5-1</li>
<li><span class="glyphicon glyphicon-sound-6-1"></span> .glyphicon .glyphicon-sound-6-1</li>
<li><span class="glyphicon glyphicon-sound-7-1"></span> .glyphicon .glyphicon-sound-7-1</li>
<li><span class="glyphicon glyphicon-sound-dolby"></span> .glyphicon .glyphicon-sound-dolby</li>
<li><span class="glyphicon glyphicon-sound-stereo"></span> .glyphicon .glyphicon-sound-stereo</li>
<li><span class="glyphicon glyphicon-star"></span> .glyphicon .glyphicon-star</li>
<li><span class="glyphicon glyphicon-star-empty"></span> .glyphicon .glyphicon-star-empty</li>
<li><span class="glyphicon glyphicon-stats"></span> .glyphicon .glyphicon-stats</li>
<li><span class="glyphicon glyphicon-step-backward"></span> .glyphicon .glyphicon-step-backward</li>
<li><span class="glyphicon glyphicon-step-forward"></span> .glyphicon .glyphicon-step-forward</li>
<li><span class="glyphicon glyphicon-stop"></span> .glyphicon .glyphicon-stop</li>
<li><span class="glyphicon glyphicon-subtitles"></span> .glyphicon .glyphicon-subtitles</li>
<li><span class="glyphicon glyphicon-tag"></span> .glyphicon .glyphicon-tag</li>
<li><span class="glyphicon glyphicon-tags"></span> .glyphicon .glyphicon-tags</li>
<li><span class="glyphicon glyphicon-tasks"></span> .glyphicon .glyphicon-tasks</li>
<li><span class="glyphicon glyphicon-text-height"></span> .glyphicon .glyphicon-text-height</li>
<li><span class="glyphicon glyphicon-text-width"></span> .glyphicon .glyphicon-text-width</li>
<li><span class="glyphicon glyphicon-th"></span> .glyphicon .glyphicon-th</li>
<li><span class="glyphicon glyphicon-th-large"></span> .glyphicon .glyphicon-th-large</li>
<li><span class="glyphicon glyphicon-th-list"></span> .glyphicon .glyphicon-th-list</li>
<li><span class="glyphicon glyphicon-thumbs-down"></span> .glyphicon .glyphicon-thumbs-down</li>
<li><span class="glyphicon glyphicon-thumbs-up"></span> .glyphicon .glyphicon-thumbs-up</li>
<li><span class="glyphicon glyphicon-time"></span> .glyphicon .glyphicon-time</li>
<li><span class="glyphicon glyphicon-tint"></span> .glyphicon .glyphicon-tint</li>
<li><span class="glyphicon glyphicon-tower"></span> .glyphicon .glyphicon-tower</li>
<li><span class="glyphicon glyphicon-transfer"></span> .glyphicon .glyphicon-transfer</li>
<li><span class="glyphicon glyphicon-trash"></span> .glyphicon .glyphicon-trash</li>
<li><span class="glyphicon glyphicon-tree-conifer"></span> .glyphicon .glyphicon-tree-conifer</li>
<li><span class="glyphicon glyphicon-tree-deciduous"></span> .glyphicon .glyphicon-tree-deciduous</li>
<li><span class="glyphicon glyphicon-unchecked"></span> .glyphicon .glyphicon-unchecked</li>
<li><span class="glyphicon glyphicon-upload"></span> .glyphicon .glyphicon-upload</li>
<li><span class="glyphicon glyphicon-usd"></span> .glyphicon .glyphicon-usd</li>
<li><span class="glyphicon glyphicon-user"></span> .glyphicon .glyphicon-user</li>
<li><span class="glyphicon glyphicon-volume-down"></span> .glyphicon .glyphicon-volume-down</li>
<li><span class="glyphicon glyphicon-volume-off"></span> .glyphicon .glyphicon-volume-off</li>
<li><span class="glyphicon glyphicon-volume-up"></span> .glyphicon .glyphicon-volume-up</li>
<li><span class="glyphicon glyphicon-warning-sign"></span> .glyphicon .glyphicon-warning-sign</li>
<li><span class="glyphicon glyphicon-wrench"></span> .glyphicon .glyphicon-wrench</li>
<li><span class="glyphicon glyphicon-zoom-in"></span> .glyphicon .glyphicon-zoom-in</li>
<li><span class="glyphicon glyphicon-zoom-out"></span> .glyphicon .glyphicon-zoom-out</li>
</ul>
@ -256,17 +271,17 @@ base_url: "../"
<div class="bs-example">
<div class="btn-toolbar">
<div class="btn-group">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-left"></span></a>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-center"></span></a>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-right"></span></a>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span></a>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-left"></span></button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-center"></span></button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-right"></span></button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span></button>
</div>
</div>
<div class="btn-toolbar">
<button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star"></span> Star</a>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-star"></span> Star</a>
<button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-star"></span> Star</a>
<button type="button" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-star"></span> Star</a>
<button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star"></span> Star</button>
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-star"></span> Star</button>
<button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-star"></span> Star</button>
<button type="button" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-star"></span> Star</button>
</div>
</div>
{% highlight html %}
@ -1312,7 +1327,7 @@ base_url: "../"
<h3>Tabs with dropdowns</h3>
<div class="bs-example">
<nav class="navbar" role="navigation">
<nav class="navbar navbar-default" role="navigation">
<ul class="nav nav-tabs">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Help</a></li>
@ -1400,7 +1415,7 @@ base_url: "../"
</div>
<div class="bs-example">
<nav class="navbar" role="navigation">
<nav class="navbar navbar-default" 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=".navbar-ex1-collapse">
@ -1450,7 +1465,7 @@ base_url: "../"
</nav>
</div>
{% highlight html %}
<nav class="navbar" role="navigation">
<nav class="navbar navbar-default" 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=".navbar-ex1-collapse">
@ -1514,7 +1529,7 @@ base_url: "../"
<h2 id="navbar-buttons">Buttons</h2>
<p>For buttons not residing in a <code>&lt;form&gt;</code>, add this class to vertically center buttons within a navbar.</p>
<div class="bs-example">
<nav class="navbar" role="navigation">
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex2-collapse">
<span class="sr-only">Toggle navigation</span>
@ -1537,7 +1552,7 @@ base_url: "../"
<h2 id="navbar-text">Text</h2>
<p>Wrap strings of text in an element with <code>.navbar-text</code>, usually on a <code>&lt;p&gt;</code> tag for proper leading and color.</p>
<div class="bs-example">
<nav class="navbar" role="navigation">
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex3-collapse">
<span class="sr-only">Toggle navigation</span>
@ -1560,7 +1575,7 @@ base_url: "../"
<h2 id="navbar-links">Non-nav links</h2>
<p>For folks using standard links that are not within the regular navbar navigation component, use the <code>.navbar-link</code> class to add the proper colors for the default and inverse navbar options.</p>
<div class="bs-example">
<nav class="navbar" role="navigation">
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex4-collapse">
<span class="sr-only">Toggle navigation</span>
@ -1588,7 +1603,7 @@ base_url: "../"
<h2 id="navbar-fixed-top">Fixed to top</h2>
<p>Add <code>.navbar-fixed-top</code>.</p>
<div class="bs-example bs-navbar-top-example">
<nav class="navbar navbar-fixed-top" role="navigation">
<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=".navbar-ex5-collapse">
@ -1611,7 +1626,7 @@ base_url: "../"
</nav>
</div><!-- /example -->
{% highlight html %}
<nav class="navbar navbar-fixed-top" role="navigation">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
...
</nav>
{% endhighlight %}
@ -1629,7 +1644,7 @@ body { padding-top: 70px; }
<h2 id="navbar-fixed-bottom">Fixed to bottom</h2>
<p>Add <code>.navbar-fixed-bottom</code> instead.</p>
<div class="bs-example bs-navbar-bottom-example">
<nav class="navbar navbar-fixed-bottom" role="navigation">
<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=".navbar-ex6-collapse">
@ -1652,7 +1667,7 @@ body { padding-top: 70px; }
</nav>
</div><!-- /example -->
{% highlight html %}
<nav class="navbar navbar-fixed-bottom" role="navigation">
<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
...
</nav>
{% endhighlight %}
@ -1670,7 +1685,7 @@ 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>
<div class="bs-example bs-navbar-top-example">
<nav class="navbar navbar-static-top" role="navigation">
<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=".navbar-ex7-collapse">
@ -1693,7 +1708,7 @@ body { padding-bottom: 70px; }
</nav>
</div><!-- /example -->
{% highlight html %}
<nav class="navbar navbar-static-top" role="navigation">
<nav class="navbar navbar-default navbar-static-top" role="navigation">
...
</nav>
{% endhighlight %}

60
customize.html
View File

@ -710,41 +710,41 @@ base_url: "../"
<input type="text" class="form-control" placeholder="50px" data-var="@navbar-height">
<label>@navbar-margin-bottom</label>
<input type="text" class="form-control" placeholder="@line-height-computed" data-var="@navbar-margin-bottom">
<label>@navbar-color</label>
<input type="text" class="form-control" placeholder="#777" data-var="@navbar-color">
<label>@navbar-bg</label>
<input type="text" class="form-control" placeholder="#eee" data-var="@navbar-bg">
<label>@navbar-default-color</label>
<input type="text" class="form-control" placeholder="#777" data-var="@navbar-default-color">
<label>@navbar-default-bg</label>
<input type="text" class="form-control" placeholder="#eee" data-var="@navbar-default-bg">
<label>@navbar-border-radius</label>
<input type="text" class="form-control" placeholder="@border-radius-base" data-var="@navbar-border-radius">
<h4>Links</h4>
<label>@navbar-link-color</label>
<input type="text" class="form-control" placeholder="#777" data-var="@navbar-link-color">
<label>@navbar-link-hover-color</label>
<input type="text" class="form-control" placeholder="#333" data-var="@navbar-link-hover-color">
<label>@navbar-link-hover-bg</label>
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-link-hover-bg">
<label>@navbar-link-active-color</label>
<input type="text" class="form-control" placeholder="#555" data-var="@navbar-link-active-color">
<label>@navbar-link-active-bg</label>
<input type="text" class="form-control" placeholder="darken(@navbar-bg, 10%)" data-var="@navbar-link-active-bg">
<label>@navbar-link-disabled-color</label>
<input type="text" class="form-control" placeholder="#ccc" data-var="@navbar-link-disabled-color">
<label>@navbar-link-disabled-bg</label>
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-link-disabled-bg">
<label>@navbar-default-link-color</label>
<input type="text" class="form-control" placeholder="#777" data-var="@navbar-default-link-color">
<label>@navbar-default-link-hover-color</label>
<input type="text" class="form-control" placeholder="#333" data-var="@navbar-default-link-hover-color">
<label>@navbar-default-link-hover-bg</label>
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-default-link-hover-bg">
<label>@navbar-default-link-active-color</label>
<input type="text" class="form-control" placeholder="#555" data-var="@navbar-default-link-active-color">
<label>@navbar-default-link-active-bg</label>
<input type="text" class="form-control" placeholder="darken(@navbar-bg, 10%)" data-var="@navbar-default-link-active-bg">
<label>@navbar-default-link-disabled-color</label>
<input type="text" class="form-control" placeholder="#ccc" data-var="@navbar-default-link-disabled-color">
<label>@navbar-default-link-disabled-bg</label>
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-default-link-disabled-bg">
<h4>Brand</h4>
<label>@navbar-brand-color</label>
<input type="text" class="form-control" placeholder="@navbar-link-color" data-var="@navbar-brand-color">
<label>@navbar-brand-hover-color</label>
<input type="text" class="form-control" placeholder="darken(@navbar-link-color, 10%)" data-var="@navbar-brand-hover-color">
<label>@navbar-brand-hover-bg</label>
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-brand-hover-bg">
<label>@navbar-default-brand-color</label>
<input type="text" class="form-control" placeholder="@navbar-link-color" data-var="@navbar-default-brand-color">
<label>@navbar-default-brand-hover-color</label>
<input type="text" class="form-control" placeholder="darken(@navbar-link-color, 10%)" data-var="@navbar-default-brand-hover-color">
<label>@navbar-default-brand-hover-bg</label>
<input type="text" class="form-control" placeholder="transparent" data-var="@navbar-default-brand-hover-bg">
<h4>Toggle</h4>
<label>@navbar-toggle-hover-bg</label>
<input type="text" class="form-control" placeholder="#ddd" data-var="@navbar-toggle-hover-bg">
<label>@navbar-toggle-icon-bar-bg</label>
<input type="text" class="form-control" placeholder="#ccc" data-var="@navbar-toggle-icon-bar-bg">
<label>@navbar-toggle-border-color</label>
<input type="text" class="form-control" placeholder="#ddd" data-var="@navbar-toggle-border-color">
<label>@navbar-default-toggle-hover-bg</label>
<input type="text" class="form-control" placeholder="#ddd" data-var="@navbar-default-toggle-hover-bg">
<label>@navbar-default-toggle-icon-bar-bg</label>
<input type="text" class="form-control" placeholder="#ccc" data-var="@navbar-default-toggle-icon-bar-bg">
<label>@navbar-default-toggle-border-color</label>
<input type="text" class="form-control" placeholder="#ddd" data-var="@navbar-default-toggle-border-color">
</div>
<div class="col-lg-6">
<h3>Inverted navbar</h3>

341
dist/css/bootstrap.css vendored
View File

@ -1884,9 +1884,13 @@ textarea.input-lg {
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 6px;
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .form-group {
@ -2334,6 +2338,34 @@ input[type="button"].btn-block {
line-height: 1;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
@ -2346,10 +2378,6 @@ input[type="button"].btn-block {
content: "\e003";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-heart:before {
content: "\e005";
}
@ -2462,10 +2490,6 @@ input[type="button"].btn-block {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
@ -2506,18 +2530,10 @@ input[type="button"].btn-block {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
@ -2574,10 +2590,6 @@ input[type="button"].btn-block {
content: "\e060";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-map-marker:before {
content: "\e062";
}
@ -2722,18 +2734,6 @@ input[type="button"].btn-block {
content: "\e097";
}
.glyphicon-plus:before {
content: "\002b";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-asterisk:before {
content: "\002a";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
@ -2746,10 +2746,6 @@ input[type="button"].btn-block {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
@ -2766,10 +2762,6 @@ input[type="button"].btn-block {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
@ -2822,10 +2814,6 @@ input[type="button"].btn-block {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
@ -2874,10 +2862,6 @@ input[type="button"].btn-block {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
@ -2886,10 +2870,6 @@ input[type="button"].btn-block {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
@ -2898,10 +2878,6 @@ input[type="button"].btn-block {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
@ -2914,14 +2890,6 @@ input[type="button"].btn-block {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-euro:before {
content: "\20ac";
}
.glyphicon-usd:before {
content: "\e148";
}
@ -2966,11 +2934,11 @@ input[type="button"].btn-block {
content: "\e158";
}
.glyphicon-collapse:before {
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-top:before {
.glyphicon-collapse-up:before {
content: "\e160";
}
@ -3114,10 +3082,6 @@ input[type="button"].btn-block {
content: "\e195";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
@ -3134,6 +3098,46 @@ input[type="button"].btn-block {
content: "\e200";
}
.glyphicon-briefcase:before {
content: "\1f4bc";
}
.glyphicon-calendar:before {
content: "\1f4c5";
}
.glyphicon-pushpin:before {
content: "\1f4cc";
}
.glyphicon-paperclip:before {
content: "\1f4ce";
}
.glyphicon-camera:before {
content: "\1f4f7";
}
.glyphicon-lock:before {
content: "\1f512";
}
.glyphicon-bell:before {
content: "\1f514";
}
.glyphicon-bookmark:before {
content: "\1f516";
}
.glyphicon-fire:before {
content: "\1f525";
}
.glyphicon-wrench:before {
content: "\1f527";
}
.caret {
display: inline-block;
width: 0;
@ -3942,8 +3946,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
position: relative;
min-height: 50px;
margin-bottom: 20px;
background-color: #f8f8f8;
border: 1px solid #e7e7e7;
border: 1px solid transparent;
}
.navbar:before,
@ -4003,7 +4006,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid #e6e6e6;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
@ -4106,14 +4109,11 @@ textarea.input-group-sm > .input-group-btn > .btn {
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
color: #777777;
}
.navbar-brand:hover,
.navbar-brand:focus {
color: #5e5e5e;
text-decoration: none;
background-color: transparent;
}
@media (min-width: 768px) {
@ -4130,20 +4130,14 @@ textarea.input-group-sm > .input-group-btn > .btn {
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
border: 1px solid #dddddd;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
background-color: #dddddd;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
background-color: #cccccc;
border-radius: 1px;
}
@ -4165,27 +4159,6 @@ textarea.input-group-sm > .input-group-btn > .btn {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
color: #777777;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-nav > .disabled > a,
.navbar-nav > .disabled > a:hover,
.navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
@media (max-width: 767px) {
@ -4204,26 +4177,11 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
color: #777777;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
color: #333333;
background-color: transparent;
background-image: none;
}
.navbar-nav .open .dropdown-menu > .active > a,
.navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
}
@media (min-width: 768px) {
@ -4259,8 +4217,8 @@ textarea.input-group-sm > .input-group-btn > .btn {
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
@ -4318,31 +4276,6 @@ textarea.input-group-sm > .input-group-btn > .btn {
border-bottom-left-radius: 0;
}
.navbar-nav > .dropdown > a:hover .caret,
.navbar-nav > .dropdown > a:focus .caret {
border-top-color: #333333;
border-bottom-color: #333333;
}
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-nav > .open > a .caret,
.navbar-nav > .open > a:hover .caret,
.navbar-nav > .open > a:focus .caret {
border-top-color: #555555;
border-bottom-color: #555555;
}
.navbar-nav > .dropdown > a .caret {
border-top-color: #777777;
border-bottom-color: #777777;
}
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
right: 0;
@ -4358,7 +4291,6 @@ textarea.input-group-sm > .input-group-btn > .btn {
float: left;
margin-top: 15px;
margin-bottom: 15px;
color: #777777;
}
@media (min-width: 768px) {
@ -4368,11 +4300,120 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
}
.navbar-link {
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777777;
}
.navbar-link:hover {
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777777;
}
.navbar-default .navbar-nav > li > a {
color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e6e6e6;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #333333;
border-bottom-color: #333333;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
border-top-color: #555555;
border-bottom-color: #555555;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #777777;
border-bottom-color: #777777;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777777;
}
.navbar-default .navbar-link:hover {
color: #333333;
}

2
dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
examples/jumbotron/index.html
View File

@ -59,7 +59,7 @@
<div class="form-group">
<input type="password" placeholder="Password" class="form-control">
</div>
<button type="submit" class="btn">Sign in</button>
<button type="submit" class="btn btn-success">Sign in</button>
</form>
</div><!--/.navbar-collapse -->
</div>

2
examples/navbar-fixed-top/index.html
View File

@ -25,7 +25,7 @@
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-fixed-top">
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

2
examples/navbar-static-top/index.html
View File

@ -25,7 +25,7 @@
<body>
<!-- Static navbar -->
<div class="navbar navbar-static-top">
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

2
examples/navbar/index.html
View File

@ -27,7 +27,7 @@
<div class="container">
<!-- Static navbar -->
<div class="navbar">
<div class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>

2
examples/sticky-footer-navbar/index.html
View File

@ -28,7 +28,7 @@
<div id="wrap">
<!-- Fixed navbar -->
<div class="navbar navbar-fixed-top">
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

2
examples/theme/index.html
View File

@ -140,7 +140,7 @@
<h1>Navbars</h1>
</div>
<div class="navbar">
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

4
javascript.html
View File

@ -355,7 +355,7 @@ $('#myModal').on('hidden.bs.modal', function () {
<h3>Within a navbar</h3>
<div class="bs-example">
<nav id="navbar-example" class="navbar navbar-static" role="navigation">
<nav id="navbar-example" class="navbar navbar-default navbar-static" role="navigation">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-js-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
@ -526,7 +526,7 @@ $('#myDropdown').on('show.bs.dropdown', function () {
<h2 id="scrollspy-examples">Example in navbar</h2>
<p>The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.</p>
<div class="bs-example">
<nav id="navbar-example2" class="navbar navbar-static" role="navigation">
<nav id="navbar-example2" class="navbar navbar-default navbar-static" role="navigation">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-js-navbar-scrollspy">
<span class="sr-only">Toggle navigation</span>

10
less/button-groups.less
View File

@ -22,11 +22,11 @@
& .btn-default .caret {
border-bottom-color: @btn-default-color;
}
& .btn-primary,
& .btn-success,
& .btn-warning,
& .btn-danger,
& .btn-info {
.btn-primary,
.btn-success,
.btn-warning,
.btn-danger,
.btn-info {
.caret {
border-bottom-color: #fff;
}

29
less/forms.less
View File

@ -326,21 +326,28 @@ input[type="checkbox"],
// Horizontal forms are built on grid classes and allow you to create forms with
// labels on the left and inputs on the right.
.form-horizontal .control-label,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: @padding-base-vertical;
}
.form-horizontal {
// Consistent vertical alignment of labels, radios, and checkboxes
.control-label,
.radio,
.checkbox,
.radio-inline,
.checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
}
// Make form groups behave like rows
.form-group {
.make-row();
}
}
// Only right align form labels here when the columns stop stacking
@media (min-width: @screen-tablet) {
.form-horizontal .control-label {
text-align: right;
// Only right align form labels here when the columns stop stacking
@media (min-width: @screen-tablet) {
.control-label {
text-align: right;
}
}
}

401
less/glyphicons.less
View File

@ -30,204 +30,203 @@
}
// Individual icons
.glyphicon-glass { &:before { content: "\e001"; } }
.glyphicon-music { &:before { content: "\e002"; } }
.glyphicon-search { &:before { content: "\e003"; } }
.glyphicon-envelope { &:before { content: "\2709"; } }
.glyphicon-heart { &:before { content: "\e005"; } }
.glyphicon-star { &:before { content: "\e006"; } }
.glyphicon-star-empty { &:before { content: "\e007"; } }
.glyphicon-user { &:before { content: "\e008"; } }
.glyphicon-film { &:before { content: "\e009"; } }
.glyphicon-th-large { &:before { content: "\e010"; } }
.glyphicon-th { &:before { content: "\e011"; } }
.glyphicon-th-list { &:before { content: "\e012"; } }
.glyphicon-ok { &:before { content: "\e013"; } }
.glyphicon-remove { &:before { content: "\e014"; } }
.glyphicon-zoom-in { &:before { content: "\e015"; } }
.glyphicon-zoom-out { &:before { content: "\e016"; } }
.glyphicon-off { &:before { content: "\e017"; } }
.glyphicon-signal { &:before { content: "\e018"; } }
.glyphicon-cog { &:before { content: "\e019"; } }
.glyphicon-trash { &:before { content: "\e020"; } }
.glyphicon-home { &:before { content: "\e021"; } }
.glyphicon-file { &:before { content: "\e022"; } }
.glyphicon-time { &:before { content: "\e023"; } }
.glyphicon-road { &:before { content: "\e024"; } }
.glyphicon-download-alt { &:before { content: "\e025"; } }
.glyphicon-download { &:before { content: "\e026"; } }
.glyphicon-upload { &:before { content: "\e027"; } }
.glyphicon-inbox { &:before { content: "\e028"; } }
.glyphicon-play-circle { &:before { content: "\e029"; } }
.glyphicon-repeat { &:before { content: "\e030"; } }
.glyphicon-refresh { &:before { content: "\e031"; } }
.glyphicon-list-alt { &:before { content: "\e032"; } }
.glyphicon-lock { &:before { content: "\e033"; } }
.glyphicon-flag { &:before { content: "\e034"; } }
.glyphicon-headphones { &:before { content: "\e035"; } }
.glyphicon-volume-off { &:before { content: "\e036"; } }
.glyphicon-volume-down { &:before { content: "\e037"; } }
.glyphicon-volume-up { &:before { content: "\e038"; } }
.glyphicon-qrcode { &:before { content: "\e039"; } }
.glyphicon-barcode { &:before { content: "\e040"; } }
.glyphicon-tag { &:before { content: "\e041"; } }
.glyphicon-tags { &:before { content: "\e042"; } }
.glyphicon-book { &:before { content: "\e043"; } }
.glyphicon-bookmark { &:before { content: "\e044"; } }
.glyphicon-print { &:before { content: "\e045"; } }
.glyphicon-camera { &:before { content: "\e046"; } }
.glyphicon-font { &:before { content: "\e047"; } }
.glyphicon-bold { &:before { content: "\e048"; } }
.glyphicon-italic { &:before { content: "\e049"; } }
.glyphicon-text-height { &:before { content: "\e050"; } }
.glyphicon-text-width { &:before { content: "\e051"; } }
.glyphicon-align-left { &:before { content: "\e052"; } }
.glyphicon-align-center { &:before { content: "\e053"; } }
.glyphicon-align-right { &:before { content: "\e054"; } }
.glyphicon-align-justify { &:before { content: "\e055"; } }
.glyphicon-list { &:before { content: "\e056"; } }
.glyphicon-indent-left { &:before { content: "\e057"; } }
.glyphicon-indent-right { &:before { content: "\e058"; } }
.glyphicon-facetime-video { &:before { content: "\e059"; } }
.glyphicon-picture { &:before { content: "\e060"; } }
.glyphicon-pencil { &:before { content: "\270f"; } }
.glyphicon-map-marker { &:before { content: "\e062"; } }
.glyphicon-adjust { &:before { content: "\e063"; } }
.glyphicon-tint { &:before { content: "\e064"; } }
.glyphicon-edit { &:before { content: "\e065"; } }
.glyphicon-share { &:before { content: "\e066"; } }
.glyphicon-check { &:before { content: "\e067"; } }
.glyphicon-move { &:before { content: "\e068"; } }
.glyphicon-step-backward { &:before { content: "\e069"; } }
.glyphicon-fast-backward { &:before { content: "\e070"; } }
.glyphicon-backward { &:before { content: "\e071"; } }
.glyphicon-play { &:before { content: "\e072"; } }
.glyphicon-pause { &:before { content: "\e073"; } }
.glyphicon-stop { &:before { content: "\e074"; } }
.glyphicon-forward { &:before { content: "\e075"; } }
.glyphicon-fast-forward { &:before { content: "\e076"; } }
.glyphicon-step-forward { &:before { content: "\e077"; } }
.glyphicon-eject { &:before { content: "\e078"; } }
.glyphicon-chevron-left { &:before { content: "\e079"; } }
.glyphicon-chevron-right { &:before { content: "\e080"; } }
.glyphicon-plus-sign { &:before { content: "\e081"; } }
.glyphicon-minus-sign { &:before { content: "\e082"; } }
.glyphicon-remove-sign { &:before { content: "\e083"; } }
.glyphicon-ok-sign { &:before { content: "\e084"; } }
.glyphicon-question-sign { &:before { content: "\e085"; } }
.glyphicon-info-sign { &:before { content: "\e086"; } }
.glyphicon-screenshot { &:before { content: "\e087"; } }
.glyphicon-remove-circle { &:before { content: "\e088"; } }
.glyphicon-ok-circle { &:before { content: "\e089"; } }
.glyphicon-ban-circle { &:before { content: "\e090"; } }
.glyphicon-arrow-left { &:before { content: "\e091"; } }
.glyphicon-arrow-right { &:before { content: "\e092"; } }
.glyphicon-arrow-up { &:before { content: "\e093"; } }
.glyphicon-arrow-down { &:before { content: "\e094"; } }
.glyphicon-share-alt { &:before { content: "\e095"; } }
.glyphicon-resize-full { &:before { content: "\e096"; } }
.glyphicon-resize-small { &:before { content: "\e097"; } }
.glyphicon-plus { &:before { content: "\002b"; } }
.glyphicon-minus { &:before { content: "\2212"; } }
.glyphicon-asterisk { &:before { content: "\002a"; } }
.glyphicon-exclamation-sign { &:before { content: "\e101"; } }
.glyphicon-gift { &:before { content: "\e102"; } }
.glyphicon-leaf { &:before { content: "\e103"; } }
.glyphicon-fire { &:before { content: "\e104"; } }
.glyphicon-eye-open { &:before { content: "\e105"; } }
.glyphicon-eye-close { &:before { content: "\e106"; } }
.glyphicon-warning-sign { &:before { content: "\e107"; } }
.glyphicon-plane { &:before { content: "\e108"; } }
.glyphicon-calendar { &:before { content: "\e109"; } }
.glyphicon-random { &:before { content: "\e110"; } }
.glyphicon-comment { &:before { content: "\e111"; } }
.glyphicon-magnet { &:before { content: "\e112"; } }
.glyphicon-chevron-up { &:before { content: "\e113"; } }
.glyphicon-chevron-down { &:before { content: "\e114"; } }
.glyphicon-retweet { &:before { content: "\e115"; } }
.glyphicon-shopping-cart { &:before { content: "\e116"; } }
.glyphicon-folder-close { &:before { content: "\e117"; } }
.glyphicon-folder-open { &:before { content: "\e118"; } }
.glyphicon-resize-vertical { &:before { content: "\e119"; } }
.glyphicon-resize-horizontal { &:before { content: "\e120"; } }
.glyphicon-hdd { &:before { content: "\e121"; } }
.glyphicon-bullhorn { &:before { content: "\e122"; } }
.glyphicon-bell { &:before { content: "\e123"; } }
.glyphicon-certificate { &:before { content: "\e124"; } }
.glyphicon-thumbs-up { &:before { content: "\e125"; } }
.glyphicon-thumbs-down { &:before { content: "\e126"; } }
.glyphicon-hand-right { &:before { content: "\e127"; } }
.glyphicon-hand-left { &:before { content: "\e128"; } }
.glyphicon-hand-up { &:before { content: "\e129"; } }
.glyphicon-hand-down { &:before { content: "\e130"; } }
.glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
.glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
.glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
.glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
.glyphicon-globe { &:before { content: "\e135"; } }
.glyphicon-wrench { &:before { content: "\e136"; } }
.glyphicon-tasks { &:before { content: "\e137"; } }
.glyphicon-filter { &:before { content: "\e138"; } }
.glyphicon-briefcase { &:before { content: "\e139"; } }
.glyphicon-fullscreen { &:before { content: "\e140"; } }
.glyphicon-dashboard { &:before { content: "\e141"; } }
.glyphicon-paperclip { &:before { content: "\e142"; } }
.glyphicon-heart-empty { &:before { content: "\e143"; } }
.glyphicon-link { &:before { content: "\e144"; } }
.glyphicon-phone { &:before { content: "\e145"; } }
.glyphicon-pushpin { &:before { content: "\e146"; } }
.glyphicon-euro { &:before { content: "\20ac"; } }
.glyphicon-usd { &:before { content: "\e148"; } }
.glyphicon-gbp { &:before { content: "\e149"; } }
.glyphicon-sort { &:before { content: "\e150"; } }
.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
.glyphicon-sort-by-order { &:before { content: "\e153"; } }
.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
.glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
.glyphicon-unchecked { &:before { content: "\e157"; } }
.glyphicon-expand { &:before { content: "\e158"; } }
.glyphicon-collapse { &:before { content: "\e159"; } }
.glyphicon-collapse-top { &:before { content: "\e160"; } }
.glyphicon-log-in { &:before{ content: "\e161"; } }
.glyphicon-flash { &:before{ content: "\e162"; } }
.glyphicon-log-out { &:before{ content: "\e163"; } }
.glyphicon-new-window { &:before{ content: "\e164"; } }
.glyphicon-record { &:before{ content: "\e165"; } }
.glyphicon-save { &:before{ content: "\e166"; } }
.glyphicon-open { &:before{ content: "\e167"; } }
.glyphicon-saved { &:before{ content: "\e168"; } }
.glyphicon-import { &:before{ content: "\e169"; } }
.glyphicon-export { &:before{ content: "\e170"; } }
.glyphicon-send { &:before{ content: "\e171"; } }
.glyphicon-floppy-disk { &:before{ content: "\e172"; } }
.glyphicon-floppy-saved { &:before{ content: "\e173"; } }
.glyphicon-floppy-remove { &:before{ content: "\e174"; } }
.glyphicon-floppy-save { &:before{ content: "\e175"; } }
.glyphicon-floppy-open { &:before{ content: "\e176"; } }
.glyphicon-credit-card { &:before{ content: "\e177"; } }
.glyphicon-transfer { &:before{ content: "\e178"; } }
.glyphicon-cutlery { &:before{ content: "\e179"; } }
.glyphicon-header { &:before{ content: "\e180"; } }
.glyphicon-compressed { &:before{ content: "\e181"; } }
.glyphicon-earphone { &:before{ content: "\e182"; } }
.glyphicon-phone-alt { &:before{ content: "\e183"; } }
.glyphicon-tower { &:before{ content: "\e184"; } }
.glyphicon-stats { &:before{ content: "\e185"; } }
.glyphicon-sd-video { &:before{ content: "\e186"; } }
.glyphicon-hd-video { &:before{ content: "\e187"; } }
.glyphicon-subtitles { &:before{ content: "\e188"; } }
.glyphicon-sound-stereo { &:before{ content: "\e189"; } }
.glyphicon-sound-dolby { &:before{ content: "\e190"; } }
.glyphicon-sound-5-1 { &:before{ content: "\e191"; } }
.glyphicon-sound-6-1 { &:before{ content: "\e192"; } }
.glyphicon-sound-7-1 { &:before{ content: "\e193"; } }
.glyphicon-copyright-mark { &:before{ content: "\e194"; } }
.glyphicon-registration-mark { &:before{ content: "\e195"; } }
.glyphicon-cloud { &:before{ content: "\2601"; } }
.glyphicon-cloud-download { &:before{ content: "\e197"; } }
.glyphicon-cloud-upload { &:before{ content: "\e198"; } }
.glyphicon-tree-conifer { &:before{ content: "\e199"; } }
.glyphicon-tree-deciduous { &:before{ content: "\e200"; } }
.glyphicon-asterisk { &:before { content: "\2a"; } }
.glyphicon-plus { &:before { content: "\2b"; } }
.glyphicon-euro { &:before { content: "\20ac"; } }
.glyphicon-minus { &:before { content: "\2212"; } }
.glyphicon-cloud { &:before { content: "\2601"; } }
.glyphicon-envelope { &:before { content: "\2709"; } }
.glyphicon-pencil { &:before { content: "\270f"; } }
.glyphicon-glass { &:before { content: "\e001"; } }
.glyphicon-music { &:before { content: "\e002"; } }
.glyphicon-search { &:before { content: "\e003"; } }
.glyphicon-heart { &:before { content: "\e005"; } }
.glyphicon-star { &:before { content: "\e006"; } }
.glyphicon-star-empty { &:before { content: "\e007"; } }
.glyphicon-user { &:before { content: "\e008"; } }
.glyphicon-film { &:before { content: "\e009"; } }
.glyphicon-th-large { &:before { content: "\e010"; } }
.glyphicon-th { &:before { content: "\e011"; } }
.glyphicon-th-list { &:before { content: "\e012"; } }
.glyphicon-ok { &:before { content: "\e013"; } }
.glyphicon-remove { &:before { content: "\e014"; } }
.glyphicon-zoom-in { &:before { content: "\e015"; } }
.glyphicon-zoom-out { &:before { content: "\e016"; } }
.glyphicon-off { &:before { content: "\e017"; } }
.glyphicon-signal { &:before { content: "\e018"; } }
.glyphicon-cog { &:before { content: "\e019"; } }
.glyphicon-trash { &:before { content: "\e020"; } }
.glyphicon-home { &:before { content: "\e021"; } }
.glyphicon-file { &:before { content: "\e022"; } }
.glyphicon-time { &:before { content: "\e023"; } }
.glyphicon-road { &:before { content: "\e024"; } }
.glyphicon-download-alt { &:before { content: "\e025"; } }
.glyphicon-download { &:before { content: "\e026"; } }
.glyphicon-upload { &:before { content: "\e027"; } }
.glyphicon-inbox { &:before { content: "\e028"; } }
.glyphicon-play-circle { &:before { content: "\e029"; } }
.glyphicon-repeat { &:before { content: "\e030"; } }
.glyphicon-refresh { &:before { content: "\e031"; } }
.glyphicon-list-alt { &:before { content: "\e032"; } }
.glyphicon-flag { &:before { content: "\e034"; } }
.glyphicon-headphones { &:before { content: "\e035"; } }
.glyphicon-volume-off { &:before { content: "\e036"; } }
.glyphicon-volume-down { &:before { content: "\e037"; } }
.glyphicon-volume-up { &:before { content: "\e038"; } }
.glyphicon-qrcode { &:before { content: "\e039"; } }
.glyphicon-barcode { &:before { content: "\e040"; } }
.glyphicon-tag { &:before { content: "\e041"; } }
.glyphicon-tags { &:before { content: "\e042"; } }
.glyphicon-book { &:before { content: "\e043"; } }
.glyphicon-print { &:before { content: "\e045"; } }
.glyphicon-font { &:before { content: "\e047"; } }
.glyphicon-bold { &:before { content: "\e048"; } }
.glyphicon-italic { &:before { content: "\e049"; } }
.glyphicon-text-height { &:before { content: "\e050"; } }
.glyphicon-text-width { &:before { content: "\e051"; } }
.glyphicon-align-left { &:before { content: "\e052"; } }
.glyphicon-align-center { &:before { content: "\e053"; } }
.glyphicon-align-right { &:before { content: "\e054"; } }
.glyphicon-align-justify { &:before { content: "\e055"; } }
.glyphicon-list { &:before { content: "\e056"; } }
.glyphicon-indent-left { &:before { content: "\e057"; } }
.glyphicon-indent-right { &:before { content: "\e058"; } }
.glyphicon-facetime-video { &:before { content: "\e059"; } }
.glyphicon-picture { &:before { content: "\e060"; } }
.glyphicon-map-marker { &:before { content: "\e062"; } }
.glyphicon-adjust { &:before { content: "\e063"; } }
.glyphicon-tint { &:before { content: "\e064"; } }
.glyphicon-edit { &:before { content: "\e065"; } }
.glyphicon-share { &:before { content: "\e066"; } }
.glyphicon-check { &:before { content: "\e067"; } }
.glyphicon-move { &:before { content: "\e068"; } }
.glyphicon-step-backward { &:before { content: "\e069"; } }
.glyphicon-fast-backward { &:before { content: "\e070"; } }
.glyphicon-backward { &:before { content: "\e071"; } }
.glyphicon-play { &:before { content: "\e072"; } }
.glyphicon-pause { &:before { content: "\e073"; } }
.glyphicon-stop { &:before { content: "\e074"; } }
.glyphicon-forward { &:before { content: "\e075"; } }
.glyphicon-fast-forward { &:before { content: "\e076"; } }
.glyphicon-step-forward { &:before { content: "\e077"; } }
.glyphicon-eject { &:before { content: "\e078"; } }
.glyphicon-chevron-left { &:before { content: "\e079"; } }
.glyphicon-chevron-right { &:before { content: "\e080"; } }
.glyphicon-plus-sign { &:before { content: "\e081"; } }
.glyphicon-minus-sign { &:before { content: "\e082"; } }
.glyphicon-remove-sign { &:before { content: "\e083"; } }
.glyphicon-ok-sign { &:before { content: "\e084"; } }
.glyphicon-question-sign { &:before { content: "\e085"; } }
.glyphicon-info-sign { &:before { content: "\e086"; } }
.glyphicon-screenshot { &:before { content: "\e087"; } }
.glyphicon-remove-circle { &:before { content: "\e088"; } }
.glyphicon-ok-circle { &:before { content: "\e089"; } }
.glyphicon-ban-circle { &:before { content: "\e090"; } }
.glyphicon-arrow-left { &:before { content: "\e091"; } }
.glyphicon-arrow-right { &:before { content: "\e092"; } }
.glyphicon-arrow-up { &:before { content: "\e093"; } }
.glyphicon-arrow-down { &:before { content: "\e094"; } }
.glyphicon-share-alt { &:before { content: "\e095"; } }
.glyphicon-resize-full { &:before { content: "\e096"; } }
.glyphicon-resize-small { &:before { content: "\e097"; } }
.glyphicon-exclamation-sign { &:before { content: "\e101"; } }
.glyphicon-gift { &:before { content: "\e102"; } }
.glyphicon-leaf { &:before { content: "\e103"; } }
.glyphicon-eye-open { &:before { content: "\e105"; } }
.glyphicon-eye-close { &:before { content: "\e106"; } }
.glyphicon-warning-sign { &:before { content: "\e107"; } }
.glyphicon-plane { &:before { content: "\e108"; } }
.glyphicon-random { &:before { content: "\e110"; } }
.glyphicon-comment { &:before { content: "\e111"; } }
.glyphicon-magnet { &:before { content: "\e112"; } }
.glyphicon-chevron-up { &:before { content: "\e113"; } }
.glyphicon-chevron-down { &:before { content: "\e114"; } }
.glyphicon-retweet { &:before { content: "\e115"; } }
.glyphicon-shopping-cart { &:before { content: "\e116"; } }
.glyphicon-folder-close { &:before { content: "\e117"; } }
.glyphicon-folder-open { &:before { content: "\e118"; } }
.glyphicon-resize-vertical { &:before { content: "\e119"; } }
.glyphicon-resize-horizontal { &:before { content: "\e120"; } }
.glyphicon-hdd { &:before { content: "\e121"; } }
.glyphicon-bullhorn { &:before { content: "\e122"; } }
.glyphicon-certificate { &:before { content: "\e124"; } }
.glyphicon-thumbs-up { &:before { content: "\e125"; } }
.glyphicon-thumbs-down { &:before { content: "\e126"; } }
.glyphicon-hand-right { &:before { content: "\e127"; } }
.glyphicon-hand-left { &:before { content: "\e128"; } }
.glyphicon-hand-up { &:before { content: "\e129"; } }
.glyphicon-hand-down { &:before { content: "\e130"; } }
.glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
.glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
.glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
.glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
.glyphicon-globe { &:before { content: "\e135"; } }
.glyphicon-tasks { &:before { content: "\e137"; } }
.glyphicon-filter { &:before { content: "\e138"; } }
.glyphicon-fullscreen { &:before { content: "\e140"; } }
.glyphicon-dashboard { &:before { content: "\e141"; } }
.glyphicon-heart-empty { &:before { content: "\e143"; } }
.glyphicon-link { &:before { content: "\e144"; } }
.glyphicon-phone { &:before { content: "\e145"; } }
.glyphicon-usd { &:before { content: "\e148"; } }
.glyphicon-gbp { &:before { content: "\e149"; } }
.glyphicon-sort { &:before { content: "\e150"; } }
.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
.glyphicon-sort-by-order { &:before { content: "\e153"; } }
.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
.glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
.glyphicon-unchecked { &:before { content: "\e157"; } }
.glyphicon-expand { &:before { content: "\e158"; } }
.glyphicon-collapse-down { &:before { content: "\e159"; } }
.glyphicon-collapse-up { &:before { content: "\e160"; } }
.glyphicon-log-in { &:before { content: "\e161"; } }
.glyphicon-flash { &:before { content: "\e162"; } }
.glyphicon-log-out { &:before { content: "\e163"; } }
.glyphicon-new-window { &:before { content: "\e164"; } }
.glyphicon-record { &:before { content: "\e165"; } }
.glyphicon-save { &:before { content: "\e166"; } }
.glyphicon-open { &:before { content: "\e167"; } }
.glyphicon-saved { &:before { content: "\e168"; } }
.glyphicon-import { &:before { content: "\e169"; } }
.glyphicon-export { &:before { content: "\e170"; } }
.glyphicon-send { &:before { content: "\e171"; } }
.glyphicon-floppy-disk { &:before { content: "\e172"; } }
.glyphicon-floppy-saved { &:before { content: "\e173"; } }
.glyphicon-floppy-remove { &:before { content: "\e174"; } }
.glyphicon-floppy-save { &:before { content: "\e175"; } }
.glyphicon-floppy-open { &:before { content: "\e176"; } }
.glyphicon-credit-card { &:before { content: "\e177"; } }
.glyphicon-transfer { &:before { content: "\e178"; } }
.glyphicon-cutlery { &:before { content: "\e179"; } }
.glyphicon-header { &:before { content: "\e180"; } }
.glyphicon-compressed { &:before { content: "\e181"; } }
.glyphicon-earphone { &:before { content: "\e182"; } }
.glyphicon-phone-alt { &:before { content: "\e183"; } }
.glyphicon-tower { &:before { content: "\e184"; } }
.glyphicon-stats { &:before { content: "\e185"; } }
.glyphicon-sd-video { &:before { content: "\e186"; } }
.glyphicon-hd-video { &:before { content: "\e187"; } }
.glyphicon-subtitles { &:before { content: "\e188"; } }
.glyphicon-sound-stereo { &:before { content: "\e189"; } }
.glyphicon-sound-dolby { &:before { content: "\e190"; } }
.glyphicon-sound-5-1 { &:before { content: "\e191"; } }
.glyphicon-sound-6-1 { &:before { content: "\e192"; } }
.glyphicon-sound-7-1 { &:before { content: "\e193"; } }
.glyphicon-copyright-mark { &:before { content: "\e194"; } }
.glyphicon-registration-mark { &:before { content: "\e195"; } }
.glyphicon-cloud-download { &:before { content: "\e197"; } }
.glyphicon-cloud-upload { &:before { content: "\e198"; } }
.glyphicon-tree-conifer { &:before { content: "\e199"; } }
.glyphicon-tree-deciduous { &:before { content: "\e200"; } }
.glyphicon-briefcase { &:before { content: "\1f4bc"; } }
.glyphicon-calendar { &:before { content: "\1f4c5"; } }
.glyphicon-pushpin { &:before { content: "\1f4cc"; } }
.glyphicon-paperclip { &:before { content: "\1f4ce"; } }
.glyphicon-camera { &:before { content: "\1f4f7"; } }
.glyphicon-lock { &:before { content: "\1f512"; } }
.glyphicon-bell { &:before { content: "\1f514"; } }
.glyphicon-bookmark { &:before { content: "\1f516"; } }
.glyphicon-fire { &:before { content: "\1f525"; } }
.glyphicon-wrench { &:before { content: "\1f527"; } }

233
less/navbar.less
View File

@ -12,8 +12,7 @@
position: relative;
min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
margin-bottom: @navbar-margin-bottom;
background-color: @navbar-bg;
border: 1px solid @navbar-border;
border: 1px solid transparent;
// Prevent floats from breaking the navbar
.clearfix();
@ -53,7 +52,7 @@
overflow-x: visible;
padding-right: @navbar-padding-horizontal;
padding-left: @navbar-padding-horizontal;
border-top: 1px solid darken(@navbar-bg, 7%);
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
.clearfix();
-webkit-overflow-scrolling: touch;
@ -145,12 +144,9 @@
padding: @navbar-padding-vertical @navbar-padding-horizontal;
font-size: @font-size-large;
line-height: @line-height-computed;
color: @navbar-brand-color;
&:hover,
&:focus {
color: @navbar-brand-hover-color;
text-decoration: none;
background-color: @navbar-brand-hover-bg;
}
@media (min-width: @grid-float-breakpoint) {
@ -173,20 +169,14 @@
padding: 9px 10px;
.navbar-vertical-align(34px);
background-color: transparent;
border: 1px solid @navbar-toggle-border-color;
border: 1px solid transparent;
border-radius: @border-radius-base;
&:hover,
&:focus {
background-color: @navbar-toggle-hover-bg;
}
// Bars
.icon-bar {
display: block;
width: 22px;
height: 2px;
background-color: @navbar-toggle-icon-bar-bg;
border-radius: 1px;
}
.icon-bar + .icon-bar {
@ -210,29 +200,7 @@
> li > a {
padding-top: 10px;
padding-bottom: 10px;
color: @navbar-link-color;
line-height: @line-height-computed;
&:hover,
&:focus {
color: @navbar-link-hover-color;
background-color: @navbar-link-hover-bg;
}
}
> .active > a {
&,
&:hover,
&:focus {
color: @navbar-link-active-color;
background-color: @navbar-link-active-bg;
}
}
> .disabled > a {
&,
&:hover,
&:focus {
color: @navbar-link-disabled-color;
background-color: @navbar-link-disabled-bg;
}
}
@media (max-width: @screen-xs-max) {
@ -250,31 +218,12 @@
padding: 5px 15px 5px 25px;
}
> li > a {
color: @navbar-link-color;
line-height: @line-height-computed;
&:hover,
&:focus {
color: @navbar-link-hover-color;
background-color: @navbar-link-hover-bg;
background-image: none;
}
}
> .active > a {
&,
&:hover,
&:focus {
color: @navbar-link-active-color;
background-color: @navbar-link-active-bg;
}
}
> .disabled > a {
&,
&:hover,
&:focus {
color: @navbar-link-disabled-color;
background-color: @navbar-link-disabled-bg;
}
}
}
}
@ -321,8 +270,8 @@
margin-left: -@navbar-padding-horizontal;
margin-right: -@navbar-padding-horizontal;
padding: 10px @navbar-padding-horizontal;
border-top: 1px solid darken(@navbar-bg, 7%);
border-bottom: 1px solid darken(@navbar-bg, 7%);
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
@shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
.box-shadow(@shadow);
@ -363,34 +312,6 @@
.border-bottom-radius(0);
}
// Dropdown menu items and carets
.navbar-nav {
// Caret should match text color on hover
> .dropdown > a:hover .caret,
> .dropdown > a:focus .caret {
border-top-color: @navbar-link-hover-color;
border-bottom-color: @navbar-link-hover-color;
}
// Remove background color from open dropdown
> .open > a {
&,
&:hover,
&:focus {
background-color: @navbar-link-active-bg;
color: @navbar-link-active-color;
.caret {
border-top-color: @navbar-link-active-color;
border-bottom-color: @navbar-link-active-color;
}
}
}
> .dropdown > a .caret {
border-top-color: @navbar-link-color;
border-bottom-color: @navbar-link-color;
}
}
// Right aligned menus need alt position
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
@ -414,7 +335,6 @@
.navbar-text {
float: left;
color: @navbar-color;
.navbar-vertical-align(@line-height-computed);
@media (min-width: @grid-float-breakpoint) {
@ -423,22 +343,145 @@
}
}
// Alternate navbars
// --------------------------------------------------
// Links in navbars
//
// Add a class to ensure links outside the navbar nav are colored correctly.
// Default navbar
.navbar-default {
background-color: @navbar-default-bg;
border-color: @navbar-default-border;
// Default navbar variables
.navbar-link {
color: @navbar-link-color;
&:hover {
color: @navbar-link-hover-color;
.navbar-brand {
color: @navbar-default-brand-color;
&:hover,
&:focus {
color: @navbar-default-brand-hover-color;
background-color: @navbar-default-brand-hover-bg;
}
}
.navbar-text {
color: @navbar-default-color;
}
.navbar-nav {
> li > a {
color: @navbar-default-link-color;
&:hover,
&:focus {
color: @navbar-default-link-hover-color;
background-color: @navbar-default-link-hover-bg;
}
}
> .active > a {
&,
&:hover,
&:focus {
color: @navbar-default-link-active-color;
background-color: @navbar-default-link-active-bg;
}
}
> .disabled > a {
&,
&:hover,
&:focus {
color: @navbar-default-link-disabled-color;
background-color: @navbar-default-link-disabled-bg;
}
}
}
.navbar-toggle {
border-color: @navbar-default-toggle-border-color;
&:hover,
&:focus {
background-color: @navbar-default-toggle-hover-bg;
}
.icon-bar {
background-color: @navbar-default-toggle-icon-bar-bg;
}
}
.navbar-collapse,
.navbar-form {
border-color: darken(@navbar-default-bg, 7%);
}
// Dropdown menu items and carets
.navbar-nav {
// Caret should match text color on hover
> .dropdown > a:hover .caret,
> .dropdown > a:focus .caret {
border-top-color: @navbar-default-link-hover-color;
border-bottom-color: @navbar-default-link-hover-color;
}
// Remove background color from open dropdown
> .open > a {
&,
&:hover,
&:focus {
background-color: @navbar-default-link-active-bg;
color: @navbar-default-link-active-color;
.caret {
border-top-color: @navbar-default-link-active-color;
border-bottom-color: @navbar-default-link-active-color;
}
}
}
> .dropdown > a .caret {
border-top-color: @navbar-default-link-color;
border-bottom-color: @navbar-default-link-color;
}
@media (max-width: @screen-xs-max) {
// Dropdowns get custom display when collapsed
.open .dropdown-menu {
> li > a {
color: @navbar-default-link-color;
&:hover,
&:focus {
color: @navbar-default-link-hover-color;
background-color: @navbar-default-link-hover-bg;
}
}
> .active > a {
&,
&:hover,
&:focus {
color: @navbar-default-link-active-color;
background-color: @navbar-default-link-active-bg;
}
}
> .disabled > a {
&,
&:hover,
&:focus {
color: @navbar-default-link-disabled-color;
background-color: @navbar-default-link-disabled-bg;
}
}
}
}
}
// Links in navbars
//
// Add a class to ensure links outside the navbar nav are colored correctly.
.navbar-link {
color: @navbar-default-link-color;
&:hover {
color: @navbar-default-link-hover-color;
}
}
}
// Inverse navbar
// --------------------------------------------------
.navbar-inverse {
background-color: @navbar-inverse-bg;

18
less/scaffolding.less
View File

@ -54,14 +54,16 @@ textarea {
a {
color: @link-color;
text-decoration: none;
}
a:hover,
a:focus {
color: @link-hover-color;
text-decoration: underline;
}
a:focus {
.tab-focus();
&:hover,
&:focus {
color: @link-hover-color;
text-decoration: underline;
}
&:focus {
.tab-focus();
}
}

4
less/theme.less
View File

@ -93,13 +93,13 @@
// Basic navbar
.navbar {
#gradient > .vertical(@start-color: lighten(@navbar-bg, 10%); @end-color: @navbar-bg;);
#gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg;);
border-radius: @navbar-border-radius;
@shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
.box-shadow(@shadow);
.navbar-nav > .active > a {
background-color: @navbar-bg;
background-color: @navbar-default-bg;
}
}
.navbar-brand,

32
less/variables.less
View File

@ -237,31 +237,31 @@
// Basics of a navbar
@navbar-height: 50px;
@navbar-margin-bottom: @line-height-computed;
@navbar-color: #777;
@navbar-bg: #f8f8f8;
@navbar-border: darken(@navbar-bg, 6.5%);
@navbar-default-color: #777;
@navbar-default-bg: #f8f8f8;
@navbar-default-border: darken(@navbar-default-bg, 6.5%);
@navbar-border-radius: @border-radius-base;
@navbar-padding-horizontal: floor(@grid-gutter-width / 2);
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
// Navbar links
@navbar-link-color: #777;
@navbar-link-hover-color: #333;
@navbar-link-hover-bg: transparent;
@navbar-link-active-color: #555;
@navbar-link-active-bg: darken(@navbar-bg, 6.5%);
@navbar-link-disabled-color: #ccc;
@navbar-link-disabled-bg: transparent;
@navbar-default-link-color: #777;
@navbar-default-link-hover-color: #333;
@navbar-default-link-hover-bg: transparent;
@navbar-default-link-active-color: #555;
@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
@navbar-default-link-disabled-color: #ccc;
@navbar-default-link-disabled-bg: transparent;
// Navbar brand label
@navbar-brand-color: @navbar-link-color;
@navbar-brand-hover-color: darken(@navbar-link-color, 10%);
@navbar-brand-hover-bg: transparent;
@navbar-default-brand-color: @navbar-default-link-color;
@navbar-default-brand-hover-color: darken(@navbar-default-link-color, 10%);
@navbar-default-brand-hover-bg: transparent;
// Navbar toggle
@navbar-toggle-hover-bg: #ddd;
@navbar-toggle-icon-bar-bg: #ccc;
@navbar-toggle-border-color: #ddd;
@navbar-default-toggle-hover-bg: #ddd;
@navbar-default-toggle-icon-bar-bg: #ccc;
@navbar-default-toggle-border-color: #ddd;
// Inverted navbar