Merge branch 'master' into pr/11302

Conflicts: dist/css/bootstrap.css dist/css/bootstrap.min.css
2024-12-01 13:24:25 +01:00 · 2013-12-14 16:46:40 -08:00 · 2013-12-14 16:46:40 -08:00 · 4c64c1eecd
commit 4c64c1eecd
parent 2b56ff0461 d79431ca02
121 changed files with 5711 additions and 4524 deletions
--- a/.csscomb.json
+++ b/.csscomb.json
@ -0,0 +1,290 @@
+{
+    "always-semicolon": true,
+    "block-indent": 2,
+    "colon-space": true,
+    "color-case": "lower",
+    "color-shorthand": true,
+    "combinator-space": true,
+    "element-case": "lower",
+    "eof-newline": true,
+    "leading-zero": false,
+    "remove-empty-rulesets": true,
+    "rule-indent": 2,
+    "stick-brace": true,
+    "strip-spaces": true,
+    "unitless-zero": true,
+    "vendor-prefix-align": true,
+    "sort-order": [
+        [
+            "position",
+            "top",
+            "right",
+            "bottom",
+            "left",
+            "z-index",
+            "display",
+            "float",
+            "width",
+            "min-width",
+            "max-width",
+            "height",
+            "min-height",
+            "max-height",
+            "-webkit-box-sizing",
+            "-moz-box-sizing",
+            "box-sizing",
+            "padding",
+            "padding-top",
+            "padding-right",
+            "padding-bottom",
+            "padding-left",
+            "margin",
+            "margin-top",
+            "margin-right",
+            "margin-bottom",
+            "margin-left",
+            "overflow",
+            "overflow-x",
+            "overflow-y",
+            "-ms-overflow-x",
+            "-ms-overflow-y",
+            "clip",
+            "clear",
+            "font",
+            "font-family",
+            "font-size",
+            "font-style",
+            "font-weight",
+            "font-variant",
+            "font-size-adjust",
+            "font-stretch",
+            "font-effect",
+            "font-emphasize",
+            "font-emphasize-position",
+            "font-emphasize-style",
+            "font-smooth",
+            "-webkit-hyphens",
+            "-moz-hyphens",
+            "hyphens",
+            "line-height",
+            "color",
+            "text-align",
+            "-webkit-text-align-last",
+            "-moz-text-align-last",
+            "-ms-text-align-last",
+            "text-align-last",
+            "text-emphasis",
+            "text-emphasis-color",
+            "text-emphasis-style",
+            "text-emphasis-position",
+            "text-decoration",
+            "text-indent",
+            "text-justify",
+            "text-outline",
+            "-ms-text-overflow",
+            "text-overflow",
+            "text-overflow-ellipsis",
+            "text-overflow-mode",
+            "text-shadow",
+            "text-transform",
+            "text-wrap",
+            "letter-spacing",
+            "-ms-word-break",
+            "word-break",
+            "word-spacing",
+            "-ms-word-wrap",
+            "word-wrap",
+            "-moz-tab-size",
+            "-o-tab-size",
+            "tab-size",
+            "white-space",
+            "vertical-align",
+            "list-style",
+            "list-style-position",
+            "list-style-type",
+            "list-style-image",
+            "pointer-events",
+            "cursor",
+            "visibility",
+            "zoom",
+            "flex-direction",
+            "flex-order",
+            "flex-pack",
+            "flex-align",
+            "table-layout",
+            "empty-cells",
+            "caption-side",
+            "border-spacing",
+            "border-collapse",
+            "content",
+            "quotes",
+            "counter-reset",
+            "counter-increment",
+            "resize",
+            "-webkit-user-select",
+            "-moz-user-select",
+            "-ms-user-select",
+            "user-select",
+            "nav-index",
+            "nav-up",
+            "nav-right",
+            "nav-down",
+            "nav-left",
+            "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
+            "background",
+            "background-color",
+            "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
+            "filter:progid:DXImageTransform.Microsoft.gradient",
+            "background-image",
+            "background-repeat",
+            "background-attachment",
+            "background-position",
+            "background-position-x",
+            "background-position-y",
+            "-webkit-background-clip",
+            "-moz-background-clip",
+            "background-clip",
+            "background-origin",
+            "-webkit-background-size",
+            "-moz-background-size",
+            "-o-background-size",
+            "background-size",
+            "border",
+            "border-color",
+            "border-style",
+            "border-width",
+            "border-top",
+            "border-top-color",
+            "border-top-style",
+            "border-top-width",
+            "border-right",
+            "border-right-color",
+            "border-right-style",
+            "border-right-width",
+            "border-bottom",
+            "border-bottom-color",
+            "border-bottom-style",
+            "border-bottom-width",
+            "border-left",
+            "border-left-color",
+            "border-left-style",
+            "border-left-width",
+            "border-radius",
+            "border-top-left-radius",
+            "border-top-right-radius",
+            "border-bottom-right-radius",
+            "border-bottom-left-radius",
+            "-webkit-border-image",
+            "-moz-border-image",
+            "-o-border-image",
+            "border-image",
+            "-webkit-border-image-source",
+            "-moz-border-image-source",
+            "-o-border-image-source",
+            "border-image-source",
+            "-webkit-border-image-slice",
+            "-moz-border-image-slice",
+            "-o-border-image-slice",
+            "border-image-slice",
+            "-webkit-border-image-width",
+            "-moz-border-image-width",
+            "-o-border-image-width",
+            "border-image-width",
+            "-webkit-border-image-outset",
+            "-moz-border-image-outset",
+            "-o-border-image-outset",
+            "border-image-outset",
+            "-webkit-border-image-repeat",
+            "-moz-border-image-repeat",
+            "-o-border-image-repeat",
+            "border-image-repeat",
+            "outline",
+            "outline-width",
+            "outline-style",
+            "outline-color",
+            "outline-offset",
+            "-webkit-box-shadow",
+            "-moz-box-shadow",
+            "box-shadow",
+            "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
+            "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
+            "opacity",
+            "-ms-interpolation-mode",
+            "-webkit-transition",
+            "-moz-transition",
+            "-ms-transition",
+            "-o-transition",
+            "transition",
+            "-webkit-transition-delay",
+            "-moz-transition-delay",
+            "-ms-transition-delay",
+            "-o-transition-delay",
+            "transition-delay",
+            "-webkit-transition-timing-function",
+            "-moz-transition-timing-function",
+            "-ms-transition-timing-function",
+            "-o-transition-timing-function",
+            "transition-timing-function",
+            "-webkit-transition-duration",
+            "-moz-transition-duration",
+            "-ms-transition-duration",
+            "-o-transition-duration",
+            "transition-duration",
+            "-webkit-transition-property",
+            "-moz-transition-property",
+            "-ms-transition-property",
+            "-o-transition-property",
+            "transition-property",
+            "-webkit-transform",
+            "-moz-transform",
+            "-ms-transform",
+            "-o-transform",
+            "transform",
+            "-webkit-transform-origin",
+            "-moz-transform-origin",
+            "-ms-transform-origin",
+            "-o-transform-origin",
+            "transform-origin",
+            "-webkit-animation",
+            "-moz-animation",
+            "-ms-animation",
+            "-o-animation",
+            "animation",
+            "-webkit-animation-name",
+            "-moz-animation-name",
+            "-ms-animation-name",
+            "-o-animation-name",
+            "animation-name",
+            "-webkit-animation-duration",
+            "-moz-animation-duration",
+            "-ms-animation-duration",
+            "-o-animation-duration",
+            "animation-duration",
+            "-webkit-animation-play-state",
+            "-moz-animation-play-state",
+            "-ms-animation-play-state",
+            "-o-animation-play-state",
+            "animation-play-state",
+            "-webkit-animation-timing-function",
+            "-moz-animation-timing-function",
+            "-ms-animation-timing-function",
+            "-o-animation-timing-function",
+            "animation-timing-function",
+            "-webkit-animation-delay",
+            "-moz-animation-delay",
+            "-ms-animation-delay",
+            "-o-animation-delay",
+            "animation-delay",
+            "-webkit-animation-iteration-count",
+            "-moz-animation-iteration-count",
+            "-ms-animation-iteration-count",
+            "-o-animation-iteration-count",
+            "animation-iteration-count",
+            "-webkit-animation-direction",
+            "-moz-animation-direction",
+            "-ms-animation-direction",
+            "-o-animation-direction",
+            "animation-direction"
+        ]
+    ]
+}
--- a/.csslintrc
+++ b/.csslintrc
@ -0,0 +1,18 @@
+{
+  "adjoining-classes": false,
+  "box-sizing": false,
+  "box-model": false,
+  "compatible-vendor-prefixes": false,
+  "floats": false,
+  "font-sizes": false,
+  "gradients": false,
+  "important": false,
+  "known-properties": false,
+  "outline-none": false,
+  "qualified-headings": false,
+  "regex-selectors": false,
+  "text-indent": false,
+  "unique-headings": false,
+  "universal-selector": false,
+  "unqualified-attributes": false
+}
--- a/.gitattributes
+++ b/.gitattributes
@ -0,0 +1,8 @@
+# Enforce Unix newlines
+*.css   text eol=lf
+*.html  text eol=lf
+*.js    text eol=lf
+*.json  text eol=lf
+*.less  text eol=lf
+*.md    text eol=lf
+*.yml   text eol=lf
--- a/.gitignore
+++ b/.gitignore
@ -39,3 +39,4 @@ validation-report.json

 # Folders to ignore
 node_modules
+bower_components
--- a/.travis.yml
+++ b/.travis.yml
@ -1,11 +1,18 @@
 language: node_js
 node_js:
-  - 0.8
-before_script:
-  - gem install jekyll
-  - npm install -g grunt-cli
+  - 0.10
+before_install:
+  - time sudo pip install --use-mirrors -r ./test-infra/requirements.txt
+install:
+  - time gem install jekyll
+  - time npm install -g grunt-cli
+  - time ./test-infra/node_modules_cache.py download || time npm install
+after_script:
+  - time ./test-infra/node_modules_cache.py upload
 env:
  global:
-  - secure: Besg41eyU+2mfxrywQ4ydOShMdc34ImaO0S0ENP+aCOBuyNBIgP59wy5tBMmyai2/8eInYeVps4Td96mWInMMxzTe3Bar7eTLG5tWVKRSr/wc4NBPZ/ppoPAmCEsz9Y+VptRH9/FO8n7hsL9EFZ+xBKbG+C0SccGoyBDpA5j7/w=
-  - secure: Ptiv7phCImFP3ALIz+sMQzrZg8k7C1gLZbFBhWxjnQr3g06wIfX3Ls5y9OHvxid+lOZZjISui3wzBVgpVHqwHUYf96+r0mo6/mJ+F4ffUmShZANVaIMD/JRTnXhUQJbvntGLvxn1EYWPdNM+2IHJrMipnjHxU9tkgAnlel4Zdew=
-  - TWBS_HAVE_OWN_BROWSERSTACK_KEY: ""
+  - SAUCE_USERNAME: bootstrap
+  - secure: "pJkBwnuae9dKU5tEcCqccfS1QQw7/meEcfz63fM7ba7QJNjoA6BaXj08L5Z3Vb5vBmVPwBawxo5Hp0jC0r/Z/O0hGnAmz/Cz09L+cy7dSAZ9x4hvZePSja/UAusaB5ogMoO8l2b773MzgQeSmrLbExr9BWLeqEfjC2hFgdgHLaQ="
+  - secure: "gqjqISbxBJK6byFbsmr1AyP1qoWH+rap06A2gI7v72+Tn2PU2nYkIMUkCvhZw6K889jv+LhQ/ybcBxDOXHpNCExCnSgB4dcnmYp+9oeNZb37jSP0rQ+Ib4OTLjzc3/FawE/fUq5kukZTC7porzc/k0qJNLAZRx3YLALmK1GIdUY="
+  - secure: "Gghh/e3Gsbj1+4RR9Lh2aR/xJl35HWiHqlPIeSUqE9D7uDCVTAwNce/dGL3Ew7uJPfJ6Pgr70wD3zgu3stw0Zmzayax0hiDtGwcQCxVIER08wqGANK9C2Q7PYJkNTNtiTo6ehKWbdV4Z+/U+TEYyQfpQTDbAFYk/vVpsdjp0Lmc="
+  - secure: "RTbRdx4G/2OTLfrZtP1VbRljxEmd6A1F3GqXboeQTldsnAlwpsES65es5CE3ub/rmixLApOY9ot7OPmNixFgC2Y8xOsV7lNCC62QVpmqQEDyGFFQKb3yO6/dmwQxdsCqGfzf9Np6Wh5V22QFvr50ZLKLd7Uhd9oXMDIk/z1MJ3o="
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@ -17,7 +17,7 @@ We only accept issues that are bug reports or feature requests. Bugs must be iso

 ## Pull requests

- CSS changes must be done in `.less` files first, never just the compiled `.css` files
+- CSS changes must be done in `.less` files first, never just in the compiled `.css` files
 - If modifying the `.less` files, always recompile and commit the compiled files `bootstrap.css` and `bootstrap.min.css`
 - Try not to pollute your pull request with unintended changes--keep them simple and small
 - Try to share which browsers your code has been tested in before submitting a pull request
@ -58,4 +58,22 @@ We only accept issues that are bug reports or feature requests. Bugs must be iso

 With v3.1, we're moving from the Apache 2 to the MIT license for the Bootstrap code (not the docs). We're in the process of collecting permissions from all Bootstrap contributors with code still part of the project to make this happen. For details, please see [#2054](https://github.com/twbs/bootstrap/issues/2054).

-By contributing your code, you agree to dual-license your contribution under the [Apache 2](https://github.com/twbs/bootstrap/blob/master/LICENSE) and [MIT](https://github.com/twbs/bootstrap/blob/master/MIT) licenses.
+By contributing your code, you agree to dual-license your contribution under the [Apache 2](https://github.com/twbs/bootstrap/blob/master/LICENSE) and [MIT](https://github.com/twbs/bootstrap/blob/master/LICENSE-MIT) licenses.
+
+
+
+## Release checklist
+
+1. Close ship list issue for the release.
+2. Close the milestone for the release.
+3. Open new release issue that includes this checklist.
+4. Ping folks to coordinate release (mainly @jdorfman for BootstrapCDN).
+5. Update version numbers using `grunt change-version-number --oldver=A.B.C --newver=X.Y.Z`. Review the changes and stage them manually.
+6. Run `grunt` one last time.
+7. Push to `master` branch.
+8. Merge `master` into `gh-pages`.
+9. Generate `bootstrap-X.Y.Z-dist.zip` file for release.
+10. Create release on GitHub with `/dist/` folder and release notes.
+11. Push `gh-pages`.
+12. Publish blog post.
+13. Tweet tweet.
--- a/Gruntfile.js
+++ b/Gruntfile.js
@ -1,8 +1,12 @@
 /* jshint node: true */

-module.exports = function(grunt) {
-  "use strict";
+module.exports = function (grunt) {
+  'use strict';

+  // Force use of Unix newlines
+  grunt.util.linefeed = '\n';
+
+  RegExp.quote = require('regexp-quote')
  var btoa = require('btoa')
  // Project configuration.
  grunt.initConfig({
@ -10,11 +14,9 @@ module.exports = function(grunt) {
    // Metadata.
    pkg: grunt.file.readJSON('package.json'),
    banner: '/*!\n' +
-              ' * Bootstrap v<%= pkg.version %> by @fat and @mdo\n' +
+              ' * Bootstrap v<%= pkg.version %> (<%= pkg.homepage %>)\n' +
              ' * Copyright <%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' +
              ' * Licensed under <%= _.pluck(pkg.licenses, "url").join(", ") %>\n' +
-              ' *\n' +
-              ' * Designed and built with all the love in the world by @mdo and @fat.\n' +
              ' */\n\n',
    jqueryCheck: 'if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery") }\n\n',

@ -35,9 +37,34 @@ module.exports = function(grunt) {
      },
      test: {
        src: ['js/tests/unit/*.js']
+      },
+      assets: {
+        src: ['docs-assets/js/application.js', 'docs-assets/js/customizer.js']
      }
    },

+    jscs: {
+      options: {
+        config: 'js/.jscs.json',
+      },
+      gruntfile: {
+        src: ['Gruntfile.js']
+      },
+      src: {
+        src: ['js/*.js']
+      },
+      test: {
+        src: ['js/tests/unit/*.js']
+      }
+    },
+
+    csslint: {
+      options: {
+        csslintrc: '.csslintrc'
+      },
+      src: ['dist/css/bootstrap.css', 'dist/css/bootstrap-theme.css']
+    },
+
    concat: {
      options: {
        banner: '<%= banner %><%= jqueryCheck %>',
@ -70,42 +97,74 @@ module.exports = function(grunt) {
      bootstrap: {
        src: ['<%= concat.bootstrap.dest %>'],
        dest: 'dist/js/<%= pkg.name %>.min.js'
+      },
+      customize: {
+        src: [
+          'docs-assets/js/less.js',
+          'docs-assets/js/jszip.js',
+          'docs-assets/js/uglify.js',
+          'docs-assets/js/filesaver.js',
+          'docs-assets/js/customizer.js'
+        ],
+        dest: 'docs-assets/js/customize.js'
      }
    },

-    recess: {
-      options: {
-        compile: true,
-        banner: '<%= banner %>'
-      },
-      bootstrap: {
-        src: ['less/bootstrap.less'],
-        dest: 'dist/css/<%= pkg.name %>.css'
-      },
-      min: {
+    less: {
+      compile: {
        options: {
-          compress: true
+          strictMath: true
        },
-        src: ['less/bootstrap.less'],
-        dest: 'dist/css/<%= pkg.name %>.min.css'
+        files: {
+          'dist/css/<%= pkg.name %>.css': 'less/bootstrap.less',
+          'dist/css/<%= pkg.name %>-theme.css': 'less/theme.less'
+        }
      },
-      theme: {
-        src: ['less/theme.less'],
-        dest: 'dist/css/<%= pkg.name %>-theme.css'
-      },
-      theme_min: {
+      minify: {
        options: {
-          compress: true
+          cleancss: true,
+          report: 'min'
        },
-        src: ['less/theme.less'],
-        dest: 'dist/css/<%= pkg.name %>-theme.min.css'
+        files: {
+          'dist/css/<%= pkg.name %>.min.css': 'dist/css/<%= pkg.name %>.css',
+          'dist/css/<%= pkg.name %>-theme.min.css': 'dist/css/<%= pkg.name %>-theme.css'
+        }
+      }
+    },
+
+    usebanner: {
+      dist: {
+        options: {
+          position: 'top',
+          banner: '<%= banner %>'
+        },
+        files: {
+          src: [
+            'dist/css/<%= pkg.name %>.css',
+            'dist/css/<%= pkg.name %>.min.css',
+            'dist/css/<%= pkg.name %>-theme.css',
+            'dist/css/<%= pkg.name %>-theme.min.css',
+          ]
+        }
+      }
+    },
+
+    csscomb: {
+      sort: {
+        options: {
+          sortOrder: '.csscomb.json'
+        },
+        files: {
+          'dist/css/<%= pkg.name %>.css': ['dist/css/<%= pkg.name %>.css'],
+          'dist/css/<%= pkg.name %>-theme.css': ['dist/css/<%= pkg.name %>-theme.css'],
+        }
      }
    },

    copy: {
      fonts: {
        expand: true,
-        src: ["fonts/*"],
+        src: ['fonts/*'],
        dest: 'dist/'
      }
    },
@ -134,12 +193,12 @@ module.exports = function(grunt) {
      options: {
        reset: true,
        relaxerror: [
-            "Bad value X-UA-Compatible for attribute http-equiv on element meta.",
-            "Element img is missing required attribute src."
+          'Bad value X-UA-Compatible for attribute http-equiv on element meta.',
+          'Element img is missing required attribute src.'
        ]
      },
      files: {
-        src: ["_gh_pages/**/*.html"]
+        src: ['_gh_pages/**/*.html']
      }
    },

@ -152,39 +211,131 @@ module.exports = function(grunt) {
        files: '<%= jshint.test.src %>',
        tasks: ['jshint:test', 'qunit']
      },
-      recess: {
+      less: {
        files: 'less/*.less',
-        tasks: ['recess']
+        tasks: ['less']
+      }
+    },
+
+    sed: {
+      versionNumber: {
+        pattern: (function () {
+          var old = grunt.option('oldver')
+          return old ? RegExp.quote(old) : old
+        })(),
+        replacement: grunt.option('newver'),
+        recursive: true
+      }
+    },
+
+    'saucelabs-qunit': {
+      all: {
+        options: {
+          build: process.env.TRAVIS_JOB_ID,
+          concurrency: 3,
+          urls: ['http://127.0.0.1:3000/js/tests/index.html'],
+          browsers: [
+            // See https://saucelabs.com/docs/platforms/webdriver
+            {
+              browserName: 'safari',
+              version: '7',
+              platform: 'OS X 10.9'
+            },
+            {
+              browserName: 'chrome',
+              version: '31',
+              platform: 'OS X 10.9'
+            },
+            /* FIXME: currently fails 1 tooltip test
+            {
+              browserName: 'firefox',
+              version: '25',
+              platform: 'OS X 10.6'
+            },*/
+            // Mac Opera not currently supported by Sauce Labs
+            /* FIXME: currently fails 1 tooltip test
+            {
+              browserName: 'internet explorer',
+              version: '11',
+              platform: 'Windows 8.1'
+            },*/
+            /*
+            {
+              browserName: 'internet explorer',
+              version: '10',
+              platform: 'Windows 8'
+            },
+            {
+              browserName: 'internet explorer',
+              version: '9',
+              platform: 'Windows 7'
+            },
+            {
+              browserName: 'internet explorer',
+              version: '8',
+              platform: 'Windows 7'
+            },
+            {// unofficial
+              browserName: 'internet explorer',
+              version: '7',
+              platform: 'Windows XP'
+            },
+            */
+            {
+              browserName: 'chrome',
+              version: '31',
+              platform: 'Windows 8.1'
+            },
+            {
+              browserName: 'firefox',
+              version: '25',
+              platform: 'Windows 8.1'
+            },
+            // Win Opera 15+ not currently supported by Sauce Labs
+            {
+              browserName: 'iphone',
+              version: '6.1',
+              platform: 'OS X 10.8'
+            },
+            // iOS Chrome not currently supported by Sauce Labs
+            // Linux (unofficial)
+            {
+              browserName: 'chrome',
+              version: '30',
+              platform: 'Linux'
+            },
+            {
+              browserName: 'firefox',
+              version: '25',
+              platform: 'Linux'
+            }
+            // Android Chrome not currently supported by Sauce Labs
+            /* Android Browser (super-unofficial)
+            {
+              browserName: 'android',
+              version: '4.0',
+              platform: 'Linux'
+            }
+            */
+          ],
+        }
      }
    }
  });


  // These plugins provide necessary tasks.
-  grunt.loadNpmTasks('browserstack-runner');
-  grunt.loadNpmTasks('grunt-contrib-clean');
-  grunt.loadNpmTasks('grunt-contrib-concat');
-  grunt.loadNpmTasks('grunt-contrib-connect');
-  grunt.loadNpmTasks('grunt-contrib-copy');
-  grunt.loadNpmTasks('grunt-contrib-jshint');
-  grunt.loadNpmTasks('grunt-contrib-qunit');
-  grunt.loadNpmTasks('grunt-contrib-uglify');
-  grunt.loadNpmTasks('grunt-contrib-watch');
-  grunt.loadNpmTasks('grunt-html-validation');
-  grunt.loadNpmTasks('grunt-jekyll');
-  grunt.loadNpmTasks('grunt-recess');
+  require('load-grunt-tasks')(grunt, {scope: 'devDependencies'});

  // Docs HTML validation task
  grunt.registerTask('validate-html', ['jekyll', 'validation']);

  // Test task.
-  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
-    if ((process.env.TRAVIS_REPO_SLUG === 'twbs/bootstrap' && process.env.TRAVIS_PULL_REQUEST === 'false') || process.env.TWBS_HAVE_OWN_BROWSERSTACK_KEY) {
-      testSubtasks.push('browserstack_runner');
-    }
+  var testSubtasks = ['dist-css', 'jshint', 'jscs', 'qunit', 'validate-html'];
+  // Only run Sauce Labs tests if there's a Sauce access key
+  if (typeof process.env.SAUCE_ACCESS_KEY !== 'undefined') {
+    testSubtasks.push('connect');
+    testSubtasks.push('saucelabs-qunit');
  }
  grunt.registerTask('test', testSubtasks);

@ -192,7 +343,7 @@ module.exports = function(grunt) {
  grunt.registerTask('dist-js', ['concat', 'uglify']);

  // CSS distribution task.
-  grunt.registerTask('dist-css', ['recess']);
+  grunt.registerTask('dist-css', ['less', 'csscomb', 'usebanner']);

  // Fonts distribution task.
  grunt.registerTask('dist-fonts', ['copy']);
@ -203,6 +354,11 @@ module.exports = function(grunt) {
  // Default task.
  grunt.registerTask('default', ['test', 'dist', 'build-customizer']);

+  // Version numbering task.
+  // grunt change-version-number --oldver=A.B.C --newver=X.Y.Z
+  // This can be overzealous, so its changes should always be manually reviewed!
+  grunt.registerTask('change-version-number', ['sed']);
+
  // task for building customizer
  grunt.registerTask('build-customizer', 'Add scripts/less files to customizer.', function () {
    var fs = require('fs')
--- a/README.md
+++ b/README.md
@ -1,4 +1,5 @@
 # [Bootstrap](http://getbootstrap.com) [![Build Status](https://secure.travis-ci.org/twbs/bootstrap.png)](http://travis-ci.org/twbs/bootstrap) [![devDependency Status](https://david-dm.org/twbs/bootstrap/dev-status.png)](https://david-dm.org/twbs/bootstrap#info=devDependencies)
+[![Selenium Test Status](https://saucelabs.com/browser-matrix/bootstrap.svg)](https://saucelabs.com/u/bootstrap)

 Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created and maintained by [Mark Otto](http://twitter.com/mdo) and [Jacob Thornton](http://twitter.com/fat).

@ -10,7 +11,7 @@ To get started, check out <http://getbootstrap.com>!

 Three quick start options are available:

-* [Download the latest release](https://github.com/twbs/bootstrap/releases/tag/v3.0.0).
+* [Download the latest release](https://github.com/twbs/bootstrap/archive/v3.0.3.zip).
 * Clone the repo: `git clone https://github.com/twbs/bootstrap.git`.
 * Install with [Bower](http://bower.io): `bower install bootstrap`.

@ -56,8 +57,9 @@ Bootstrap's documentation, included in this repo in the root directory, is built
 ### Running documentation locally

 1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation) (requires v1.x).
+  - **Windows users:** read [this unofficial guide](https://github.com/juthilo/run-jekyll-on-windows/) to get Jekyll up and running without problems.
 2. From the root `/bootstrap` directory, run `jekyll serve` in the command line.
-  - **Windows users:** run `chcp 65001` first to change the command prompt's character encoding ([code page](http://en.wikipedia.org/wiki/Windows_code_page)) to UTF-8 so Jekyll runs without errors.
+  - **Windows users:** For Ruby 2.0.0 run `chcp 65001` first to change the command prompt's character encoding ([code page](http://en.wikipedia.org/wiki/Windows_code_page)) to UTF-8 so Jekyll runs without errors. For Ruby 1.9.3 you can alternatively do `SET LANG=en_EN.UTF-8`. In addition, ensure you have Python installed and added in your `PATH` or the build will fail due to our Pygments dependency.
 3. Open <http://localhost:9001> in your browser, and voilà.

 Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/).
@ -122,7 +124,6 @@ Keep track of development and community news.

 * Follow [@twbootstrap on Twitter](http://twitter.com/twbootstrap).
 * Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com).
-* Have a question that's not a feature request or bug report? [Ask on the mailing list.](http://groups.google.com/group/twitter-bootstrap)
 * Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##twitter-bootstrap` channel.


--- a/_config.yml
+++ b/_config.yml
@ -11,15 +11,15 @@ exclude:          [".editorconfig", ".gitignore", "bower.json", "composer.json",
 port:             9001

 # Custom vars
-current_version:  3.0.1
+current_version:  3.0.3
 repo:             https://github.com/twbs/bootstrap

-download_source:  https://github.com/twbs/bootstrap/archive/v3.0.1.zip
-download_dist:    https://github.com/twbs/bootstrap/releases/download/v3.0.1/bootstrap-3.0.1-dist.zip
+download_source:  https://github.com/twbs/bootstrap/archive/v3.0.3.zip
+download_dist:    https://github.com/twbs/bootstrap/releases/download/v3.0.3/bootstrap-3.0.3-dist.zip

 blog:             http://blog.getbootstrap.com
 expo:             http://expo.getbootstrap.com

-cdn_css:          //netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css
-cdn_theme_css:    //netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap-theme.min.css
-cdn_js:           //netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js
+cdn_css:          //netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css
+cdn_theme_css:    //netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css
+cdn_js:           //netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -1,23 +1,33 @@
 <!-- Bootstrap core JavaScript
 ================================================== -->
 <!-- Placed at the end of the document so the pages load faster -->
-<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
-<script src="{{ page.base_url }}dist/js/bootstrap.js"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script src="{{ page.base_url }}dist/js/bootstrap.min.js"></script>

-<script src="http://platform.twitter.com/widgets.js"></script>
 <script src="{{ page.base_url }}docs-assets/js/holder.js"></script>

 <script src="{{ page.base_url }}docs-assets/js/application.js"></script>

 {% if page.slug == "customize" %}
-<script src="{{ page.base_url }}docs-assets/js/less.js"></script>
-<script src="{{ page.base_url }}docs-assets/js/jszip.js"></script>
-<script src="{{ page.base_url }}docs-assets/js/uglify.js"></script>
-<script src="{{ page.base_url }}docs-assets/js/filesaver.js"></script>
 <script src="{{ page.base_url }}docs-assets/js/raw-files.js"></script>
-<script src="{{ page.base_url }}docs-assets/js/customizer.js"></script>
+<script src="{{ page.base_url }}docs-assets/js/customize.js"></script>
 {% endif %}

+{% comment %}
+  Inject Twitter widgets asynchronously. Snippet snipped from Twitter's
+  JS interface site: https://dev.twitter.com/docs/tfw-javascript
+
+  * "js.async=1;" added to add async attribute to the generated script tag.
+{% endcomment %}
+<script>
+  window.twttr = (function (d,s,id) {
+    var t, js, fjs = d.getElementsByTagName(s)[0];
+    if (d.getElementById(id)) return; js=d.createElement(s); js.id=id; js.async=1;
+    js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
+    return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
+  }(document, "script", "twitter-wjs"));
+</script>
+
 <!-- Analytics
 ================================================== -->
 <script>
--- a/_includes/header.html
+++ b/_includes/header.html
@ -1,8 +1,9 @@
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="description" content="">
-<meta name="author" content="">
+<meta name="description" content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.">
+<meta name="keywords" content="HTML, CSS, JS, JavaScript, framework, bootstrap, front-end, frontend, web development">
+<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">

 <title>
  {% if page.title == "Bootstrap" %}
--- a/_includes/nav-components.html
+++ b/_includes/nav-components.html
@ -121,6 +121,7 @@
    <li><a href="#list-group-basic">Basic example</a></li>
    <li><a href="#list-group-badges">Badges</a></li>
    <li><a href="#list-group-linked">Linked items</a></li>
+    <li><a href="#list-group-contextual-classes">Contextual classes</a></li>
    <li><a href="#list-group-custom-content">Custom content</a></li>
  </ul>
 </li>
--- a/_includes/nav-css.html
+++ b/_includes/nav-css.html
@ -16,6 +16,7 @@
    <li><a href="#grid-media-queries">Media queries</a></li>
    <li><a href="#grid-options">Grid options</a></li>
    <li><a href="#grid-example-basic">Ex: Stacked-to-horizonal</a></li>
+    <li><a href="#grid-example-fluid">Ex: Fluid container</a></li>
    <li><a href="#grid-example-mixed">Ex: Mobile and desktops</a></li>
    <li><a href="#grid-example-mixed-complete">Ex: Mobile, tablet, desktops</a></li>
    <li><a href="#grid-responsive-resets">Responsive column resets</a></li>
@ -37,7 +38,14 @@
    <li><a href="#type-lists">Lists</a></li>
  </ul>
 </li>
-<li><a href="#code">Code</a></li>
+<li>
+  <a href="#code">Code</a>
+  <ul class="nav">
+    <li><a href="#code-inline">Inline code</a></li>
+    <li><a href="#code-user-input">User input</a></li>
+    <li><a href="#code-block">Blocks of code</a></li>
+  </ul>
+</li>
 <li>
  <a href="#tables">Tables</a>
  <ul class="nav">
@ -97,3 +105,11 @@
    <li><a href="#responsive-utilities-tests">Test cases</a></li>
  </ul>
 </li>
+<li>
+  <a href="#less">Using LESS</a>
+  <ul class="nav">
+    <li><a href="#less-variables">Variables</a></li>
+    <li><a href="#less-mixins-vendor">Vendor mixins</a></li>
+    <li><a href="#less-mixins-utility">Utility mixins</a></li>
+  </ul>
+</li>
--- a/_includes/nav-getting-started.html
+++ b/_includes/nav-getting-started.html
@ -8,6 +8,10 @@
 </li>
 <li>
  <a href="#whats-included">What's included</a>
+  <ul class="nav">
+    <li><a href="#whats-included-precompiled">Precompiled</a></li>
+    <li><a href="#whats-included-source">Source code</a></li>
+  </ul>
 </li>
 <li>
  <a href="#template">Basic template</a>
--- a/_includes/nav-javascript.html
+++ b/_includes/nav-javascript.html
@ -13,6 +13,7 @@
  <a href="#modals">Modal</a>
  <ul class="nav">
    <li><a href="#modals-examples">Examples</a></li>
+    <li><a href="#modals-sizes">Sizes</a></li>
    <li><a href="#modals-usage">Usage</a></li>
  </ul>
 </li>
--- a/about.html
+++ b/about.html
@ -69,7 +69,6 @@ base_url: "../"
  <p class="lead">Stay up to date on the development of Bootstrap and reach out to the community with these helpful resources.</p>
  <ul>
    <li>Read and subscribe to <a href="http://blog.getbootstrap.com/">The Official Bootstrap Blog</a>.</li>
-    <li>Have a question that's not a feature request or bug report? <a href="http://groups.google.com/group/twitter-bootstrap">Ask on the mailing list.</a></li>
    <li>Chat with fellow Bootstrappers using IRC in the <code>irc.freenode.net</code> server, in the <a href="irc://irc.freenode.net/#twitter-bootstrap">##twitter-bootstrap channel</a>.</li>
    <li>Find inspiring examples of people building with Bootstrap at the <a href="http://expo.getbootstrap.com">Bootstrap Expo</a>.</li>
  </ul>
@ -88,6 +87,8 @@ base_url: "../"
    <li><a href="http://v3.bootcss.com/">Bootstrap 中文文档 (Chinese)</a></li>
    <li><a href="http://www.oneskyapp.com/docs/bootstrap/ru">Bootstrap по-русски (Russian)</a></li>
    <li><a href="http://www.oneskyapp.com/docs/bootstrap/es">Bootstrap en Español (Spanish)</a></li>
+    <li><a href="http://twbs.site-konstruktor.com.ua">Bootstrap ua Українською (Ukrainian)</a></li>
+    <li><a href="http://www.oneskyapp.com/docs/bootstrap/fr">Bootstrap en Français (French)</a></li>
  </ul>
  <p>Have another language to add, or perhaps a different or better translation? Let us know by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a>.</p>
 </div>
--- a/bower.json
+++ b/bower.json
@ -1,9 +1,25 @@
 {
  "name": "bootstrap",
-  "version": "3.0.1",
-  "main": ["./dist/js/bootstrap.js", "./dist/css/bootstrap.css", "./dist/fonts/*"],
+  "version": "3.0.3",
+  "main": [
+    "./dist/js/bootstrap.js",
+    "./dist/css/bootstrap.css",
+    "./dist/fonts/glyphicons-halflings-regular.eot",
+    "./dist/fonts/glyphicons-halflings-regular.svg",
+    "./dist/fonts/glyphicons-halflings-regular.ttf",
+    "./dist/fonts/glyphicons-halflings-regular.woff"
+  ],
  "ignore": [
-      "**/.*"
+    "**/.*",
+    "_*",
+    "docs-assets",
+    "examples",
+    "/fonts",
+    "js/tests",
+    "CNAME",
+    "CONTRIBUTING.md",
+    "composer.json",
+    "*.html"
  ],
  "dependencies": {
    "jquery": ">= 1.9.0"
--- a/browserstack.json
+++ b/browserstack.json
@ -1,37 +0,0 @@
-{
-  "username": "--secure--",
-  "key": "--secure--",
-  "test_path": "js/tests/index.html",
-  "browsers":  [
-    {
-      "browser": "firefox",
-      "browser_version": "latest",
-      "os": "OS X",
-      "os_version": "Mountain Lion"
-    },
-    {
-      "browser": "safari",
-      "browser_version": "latest",
-      "os": "OS X",
-      "os_version": "Mountain Lion"
-    },
-    {
-      "browser": "chrome",
-      "browser_version": "latest",
-      "os": "OS X",
-      "os_version": "Mountain Lion"
-    },
-    {
-      "browser": "firefox",
-      "browser_version": "latest",
-      "os": "Windows",
-      "os_version": "7"
-    },
-    {
-      "browser": "chrome",
-      "browser_version": "latest",
-      "os": "Windows",
-      "os_version": "7"
-    }
-  ]
-}
--- a/components.html
+++ b/components.html
@ -16,812 +16,818 @@ base_url: "../"

    <h2 id="glyphicons-glyphs">Available glyphs</h2>
    <p>Includes 200 glyphs in font format from the Glyphicon Halflings set. <a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you to include a link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever possible.</p>
-    <ul class="bs-glyphicons">
-      <li>
-        <span class="glyphicon glyphicon-adjust"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-adjust</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-align-center"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-align-center</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-align-justify"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-align-justify</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-align-left"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-align-left</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-align-right"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-align-right</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-arrow-down"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-arrow-down</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-arrow-left"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-arrow-left</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-arrow-right"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-arrow-right</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-arrow-up"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-arrow-up</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-asterisk"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-asterisk</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-backward"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-backward</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-ban-circle"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-ban-circle</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-barcode"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-barcode</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-bell"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-bell</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-bold"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-bold</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-book"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-book</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-bookmark"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-bookmark</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-briefcase"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-briefcase</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-bullhorn"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-bullhorn</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-calendar"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-calendar</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-camera"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-camera</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-certificate"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-certificate</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-check"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-check</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-chevron-down"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-chevron-down</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-chevron-left"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-chevron-left</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-chevron-right"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-chevron-right</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-chevron-up"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-chevron-up</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-circle-arrow-down"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-down</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-circle-arrow-left"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-left</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-circle-arrow-right"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-right</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-circle-arrow-up"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-up</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-cloud"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-cloud</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-cloud-download"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-cloud-download</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-cloud-upload"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-cloud-upload</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-cog"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-cog</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-collapse-down"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-collapse-down</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-collapse-up"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-collapse-up</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-comment"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-comment</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-compressed"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-compressed</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-copyright-mark"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-copyright-mark</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-credit-card"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-credit-card</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-cutlery"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-cutlery</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-dashboard"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-dashboard</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-download"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-download</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-download-alt"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-download-alt</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-earphone"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-earphone</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-edit"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-edit</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-eject"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-eject</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-envelope"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-envelope</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-euro"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-euro</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-exclamation-sign"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-exclamation-sign</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-expand"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-expand</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-export"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-export</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-eye-close"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-eye-close</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-eye-open"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-eye-open</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-facetime-video"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-facetime-video</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-fast-backward"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-fast-backward</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-fast-forward"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-fast-forward</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-file"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-file</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-film"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-film</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-filter"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-filter</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-fire"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-fire</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-flag"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-flag</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-flash"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-flash</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-floppy-disk"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-floppy-disk</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-floppy-open"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-floppy-open</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-floppy-remove"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-floppy-remove</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-floppy-save"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-floppy-save</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-floppy-saved"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-floppy-saved</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-folder-close"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-folder-close</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-folder-open"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-folder-open</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-font"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-font</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-forward"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-forward</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-fullscreen"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-fullscreen</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-gbp"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-gbp</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-gift"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-gift</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-glass"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-glass</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-globe"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-globe</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-hand-down"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-hand-down</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-hand-left"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-hand-left</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-hand-right"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-hand-right</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-hand-up"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-hand-up</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-hd-video"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-hd-video</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-hdd"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-hdd</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-header"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-header</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-headphones"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-headphones</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-heart"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-heart</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-heart-empty"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-heart-empty</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-home"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-home</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-import"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-import</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-inbox"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-inbox</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-indent-left"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-indent-left</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-indent-right"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-indent-right</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-info-sign"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-info-sign</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-italic"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-italic</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-leaf"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-leaf</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-link"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-link</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-list"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-list</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-list-alt"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-list-alt</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-lock"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-lock</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-log-in"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-log-in</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-log-out"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-log-out</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-magnet"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-magnet</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-map-marker"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-map-marker</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-minus"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-minus</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-minus-sign"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-minus-sign</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-move"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-move</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-music"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-music</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-new-window"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-new-window</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-off"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-off</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-ok"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-ok</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-ok-circle"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-ok-circle</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-ok-sign"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-ok-sign</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-open"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-open</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-paperclip"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-paperclip</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-pause"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-pause</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-pencil"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-pencil</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-phone"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-phone</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-phone-alt"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-phone-alt</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-picture"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-picture</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-plane"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-plane</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-play"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-play</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-play-circle"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-play-circle</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-plus"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-plus</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-plus-sign"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-plus-sign</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-print"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-print</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-pushpin"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-pushpin</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-qrcode"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-qrcode</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-question-sign"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-question-sign</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-random"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-random</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-record"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-record</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-refresh"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-refresh</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-registration-mark"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-registration-mark</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-remove"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-remove</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-remove-circle"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-remove-circle</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-remove-sign"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-remove-sign</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-repeat"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-repeat</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-resize-full"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-resize-full</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-resize-horizontal"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-resize-horizontal</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-resize-small"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-resize-small</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-resize-vertical"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-resize-vertical</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-retweet"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-retweet</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-road"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-road</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-save"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-save</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-saved"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-saved</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-screenshot"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-screenshot</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sd-video"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sd-video</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-search"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-search</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-send"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-send</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-share"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-share</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-share-alt"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-share-alt</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-shopping-cart"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-shopping-cart</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-signal"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-signal</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sort"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sort</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sort-by-alphabet"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-alphabet</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-alphabet-alt</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sort-by-attributes"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-attributes</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sort-by-attributes-alt"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-attributes-alt</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sort-by-order"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-order</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sort-by-order-alt"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-order-alt</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sound-5-1"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sound-5-1</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sound-6-1"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sound-6-1</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sound-7-1"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sound-7-1</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sound-dolby"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sound-dolby</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-sound-stereo"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-sound-stereo</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-star"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-star</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-star-empty"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-star-empty</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-stats"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-stats</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-step-backward"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-step-backward</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-step-forward"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-step-forward</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-stop"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-stop</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-subtitles"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-subtitles</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-tag"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-tag</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-tags"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-tags</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-tasks"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-tasks</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-text-height"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-text-height</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-text-width"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-text-width</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-th"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-th</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-th-large"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-th-large</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-th-list"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-th-list</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-thumbs-down"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-thumbs-down</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-thumbs-up"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-thumbs-up</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-time"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-time</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-tint"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-tint</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-tower"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-tower</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-transfer"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-transfer</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-trash"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-trash</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-tree-conifer"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-tree-conifer</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-tree-deciduous"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-tree-deciduous</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-unchecked"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-unchecked</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-upload"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-upload</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-usd"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-usd</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-user"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-user</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-volume-down"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-volume-down</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-volume-off"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-volume-off</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-volume-up"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-volume-up</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-warning-sign"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-warning-sign</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-wrench"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-wrench</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-zoom-in"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-zoom-in</span>
-      </li>
-      <li>
-        <span class="glyphicon glyphicon-zoom-out"></span>
-        <span class="glyphicon-class">.glyphicon .glyphicon-zoom-out</span>
-      </li>
-    </ul>
+    <div class="bs-glyphicons">
+      <ul class="bs-glyphicons-list">
+        <li>
+          <span class="glyphicon glyphicon-adjust"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-adjust</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-align-center"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-align-center</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-align-justify"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-align-justify</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-align-left"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-align-left</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-align-right"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-align-right</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-arrow-down"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-arrow-down</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-arrow-left"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-arrow-left</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-arrow-right"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-arrow-right</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-arrow-up"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-arrow-up</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-asterisk"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-asterisk</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-backward"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-backward</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-ban-circle"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-ban-circle</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-barcode"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-barcode</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-bell"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-bell</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-bold"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-bold</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-book"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-book</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-bookmark"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-bookmark</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-briefcase"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-briefcase</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-bullhorn"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-bullhorn</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-calendar"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-calendar</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-camera"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-camera</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-certificate"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-certificate</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-check"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-check</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-chevron-down"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-chevron-down</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-chevron-left"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-chevron-left</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-chevron-right"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-chevron-right</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-chevron-up"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-chevron-up</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-circle-arrow-down"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-circle-arrow-left"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-circle-arrow-right"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-circle-arrow-up"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-cloud"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-cloud</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-cloud-download"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-cloud-upload"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-cog"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-cog</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-collapse-down"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-collapse-down</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-collapse-up"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-collapse-up</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-comment"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-comment</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-compressed"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-compressed</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-copyright-mark"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-credit-card"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-credit-card</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-cutlery"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-cutlery</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-dashboard"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-dashboard</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-download"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-download</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-download-alt"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-download-alt</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-earphone"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-earphone</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-edit"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-edit</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-eject"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-eject</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-envelope"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-envelope</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-euro"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-euro</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-exclamation-sign"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-expand"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-expand</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-export"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-export</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-eye-close"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-eye-close</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-eye-open"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-eye-open</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-facetime-video"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-facetime-video</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-fast-backward"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-fast-backward</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-fast-forward"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-fast-forward</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-file"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-file</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-film"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-film</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-filter"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-filter</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-fire"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-fire</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-flag"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-flag</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-flash"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-flash</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-floppy-disk"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-floppy-open"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-floppy-open</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-floppy-remove"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-floppy-save"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-floppy-save</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-floppy-saved"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-folder-close"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-folder-close</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-folder-open"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-folder-open</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-font"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-font</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-forward"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-forward</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-fullscreen"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-fullscreen</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-gbp"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-gbp</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-gift"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-gift</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-glass"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-glass</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-globe"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-globe</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-hand-down"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-hand-down</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-hand-left"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-hand-left</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-hand-right"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-hand-right</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-hand-up"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-hand-up</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-hd-video"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-hd-video</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-hdd"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-hdd</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-header"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-header</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-headphones"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-headphones</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-heart"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-heart</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-heart-empty"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-heart-empty</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-home"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-home</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-import"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-import</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-inbox"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-inbox</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-indent-left"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-indent-left</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-indent-right"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-indent-right</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-info-sign"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-info-sign</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-italic"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-italic</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-leaf"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-leaf</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-link"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-link</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-list"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-list</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-list-alt"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-list-alt</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-lock"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-lock</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-log-in"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-log-in</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-log-out"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-log-out</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-magnet"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-magnet</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-map-marker"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-map-marker</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-minus"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-minus</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-minus-sign"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-minus-sign</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-move"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-move</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-music"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-music</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-new-window"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-new-window</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-off"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-off</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-ok"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-ok</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-ok-circle"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-ok-circle</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-ok-sign"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-ok-sign</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-open"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-open</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-paperclip"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-paperclip</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-pause"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-pause</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-pencil"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-pencil</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-phone"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-phone</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-phone-alt"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-phone-alt</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-picture"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-picture</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-plane"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-plane</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-play"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-play</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-play-circle"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-play-circle</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-plus"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-plus</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-plus-sign"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-plus-sign</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-print"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-print</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-pushpin"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-pushpin</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-qrcode"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-qrcode</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-question-sign"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-question-sign</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-random"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-random</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-record"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-record</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-refresh"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-refresh</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-registration-mark"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-registration-mark</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-remove"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-remove</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-remove-circle"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-remove-circle</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-remove-sign"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-remove-sign</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-repeat"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-repeat</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-resize-full"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-resize-full</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-resize-horizontal"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-resize-small"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-resize-small</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-resize-vertical"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-retweet"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-retweet</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-road"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-road</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-save"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-save</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-saved"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-saved</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-screenshot"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-screenshot</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sd-video"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sd-video</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-search"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-search</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-send"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-send</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-share"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-share</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-share-alt"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-share-alt</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-shopping-cart"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-signal"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-signal</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sort"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sort</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sort-by-alphabet"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sort-by-attributes"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sort-by-attributes-alt"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sort-by-order"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sort-by-order-alt"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sound-5-1"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sound-6-1"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sound-7-1"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sound-dolby"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-sound-stereo"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-star"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-star</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-star-empty"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-star-empty</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-stats"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-stats</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-step-backward"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-step-backward</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-step-forward"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-step-forward</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-stop"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-stop</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-subtitles"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-subtitles</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-tag"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-tag</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-tags"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-tags</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-tasks"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-tasks</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-text-height"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-text-height</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-text-width"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-text-width</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-th"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-th</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-th-large"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-th-large</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-th-list"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-th-list</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-thumbs-down"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-thumbs-up"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-time"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-time</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-tint"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-tint</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-tower"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-tower</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-transfer"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-transfer</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-trash"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-trash</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-tree-conifer"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-tree-deciduous"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-unchecked"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-unchecked</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-upload"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-upload</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-usd"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-usd</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-user"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-user</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-volume-down"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-volume-down</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-volume-off"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-volume-off</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-volume-up"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-volume-up</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-warning-sign"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-warning-sign</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-wrench"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-wrench</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-zoom-in"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-zoom-in</span>
+        </li>
+        <li>
+          <span class="glyphicon glyphicon-zoom-out"></span>
+          <span class="glyphicon-class">glyphicon glyphicon-zoom-out</span>
+        </li>
+      </ul>
+    </div>


    <h2 id="glyphicons-how-to-use">How to use</h2>
    <p>For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.</p>
+    <div class="bs-callout bs-callout-danger">
+      <h4>Don't mix with other components</h4>
+      <p>Icon classes cannot be combined with other elements. They are designed to be standalone elements.</p>
+    </div>
 {% highlight html %}
 <span class="glyphicon glyphicon-search"></span>
 {% endhighlight %}
@ -896,9 +902,13 @@ base_url: "../"
 {% endhighlight %}

    <h3 id="dropdowns-alignment">Alignment options</h3>
-    <p>Add <code>.pull-right</code> to a <code>.dropdown-menu</code> to right align the dropdown menu.</p>
+    <p>Add <code>.dropdown-menu-right</code> to a <code>.dropdown-menu</code> to right align the dropdown menu.</p>
+    <div class="bs-callout bs-callout-warning">
+      <h4>Deprecated <code>.pull-right</code> alignment</h4>
+      <p>As of v3.1, we've deprecated <code>.pull-right</code> on dropdown menus. To right-align a menu, use <code>.dropdown-menu-right</code>. Right-aligned nav components in the navbar use a mixin version of this class to automatically align the menu. To override it, use <code>.dropdown-menu-left</code>.</p>
+    </div>
 {% highlight html %}
-<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel">
+<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dLabel">
  ...
 </ul>
 {% endhighlight %}
@ -1093,7 +1103,7 @@ base_url: "../"
 {% endhighlight %}

    <h3 id="btn-groups-vertical">Vertical variation</h3>
-    <p>Make a set of buttons appear vertically stacked rather than horizontally.</p>
+    <p>Make a set of buttons appear vertically stacked rather than horizontally. <strong class="text-danger">Split button dropdowns are not supported here.</strong></p>
    <div class="bs-example">
      <div class="btn-group-vertical">
        <button type="button" class="btn btn-default">Button</button>
@ -1149,11 +1159,11 @@ base_url: "../"
 {% endhighlight %}

    <h3 id="btn-groups-justified">Justified link variation</h3>
-    <p>Make a group of buttons stretch at the same size to span the entire width of its parent.</p>
+    <p>Make a group of buttons stretch at the same size to span the entire width of its parent. Also works with button dropdowns within the button group.</p>

    <div class="bs-callout bs-callout-warning">
      <h4>Element-specific usage</h4>
-      <p>This only works with <code>&lt;a&gt;</code> elements as the <code>&lt;button&gt;</code> doesn't pick up these styles.</p>
+      <p>This only works with <code>&lt;a&gt;</code> elements as the <code>&lt;button&gt;</code> doesn't pick up the styles we use to justify content (some <code>display: table-cell;</code>-fu).</p>
    </div>

    <div class="bs-example">
@ -1162,6 +1172,23 @@ base_url: "../"
        <a class="btn btn-default" role="button">Middle</a>
        <a class="btn btn-default" role="button">Right</a>
      </div>
+      <br>
+      <div class="btn-group btn-group-justified">
+        <a class="btn btn-default" role="button">Left</a>
+        <a class="btn btn-default" role="button">Middle</a>
+        <div class="btn-group">
+          <a class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+            Dropdown <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="#">Action</a></li>
+            <li><a href="#">Another action</a></li>
+            <li><a href="#">Something else here</a></li>
+            <li class="divider"></li>
+            <li><a href="#">Separated link</a></li>
+          </ul>
+        </div>
+      </div>
    </div>
 {% highlight html %}
 <div class="btn-group btn-group-justified">
@ -1882,8 +1909,8 @@ base_url: "../"
    <h2 id="nav-justified">Justified</h2>
    <p>Easily make tabs or pills equal widths of their parent at screens wider than 768px with <code>.nav-justified</code>. On smaller screens, the nav links are stacked.</p>
    <div class="bs-callout bs-callout-warning">
-      <h4>WebKit and responsive justified navs</h4>
-      <p>Chrome and Safari both exhibit a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the <a href="../examples/justified-nav/">justified nav example</a>.</p>
+      <h4>Safari and responsive justified navs</h4>
+      <p>Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the <a href="../examples/justified-nav/">justified nav example</a>.</p>
    </div>
    <div class="bs-example">
      <ul class="nav nav-tabs nav-justified">
@ -2247,12 +2274,12 @@ base_url: "../"
          <a class="navbar-brand" href="#">Brand</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-5">
-          <p class="navbar-text pull-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>
+          <p class="navbar-text navbar-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>
        </div>
      </nav>
    </div>
 {% highlight html %}
-<p class="navbar-text pull-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>
+<p class="navbar-text navbar-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>
 {% endhighlight %}


@ -2693,6 +2720,10 @@ body { padding-bottom: 70px; }
          </a>
        </li>
      </ul>
+      <br>
+      <button class="btn btn-primary" type="button">
+        Messages <span class="badge">4</span>
+      </button>
    </div>
 {% highlight html %}
 <ul class="nav nav-pills nav-stacked">
@ -2776,22 +2807,22 @@ body { padding-bottom: 70px; }
    <p>By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.</p>
    <div class="bs-example">
      <div class="row">
-        <div class="col-sm-6 col-md-3">
+        <div class="col-xs-6 col-md-3">
          <a href="#" class="thumbnail">
            <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
          </a>
        </div>
-        <div class="col-sm-6 col-md-3">
+        <div class="col-xs-6 col-md-3">
          <a href="#" class="thumbnail">
            <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
          </a>
        </div>
-        <div class="col-sm-6 col-md-3">
+        <div class="col-xs-6 col-md-3">
          <a href="#" class="thumbnail">
            <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
          </a>
        </div>
-        <div class="col-sm-6 col-md-3">
+        <div class="col-xs-6 col-md-3">
          <a href="#" class="thumbnail">
            <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
          </a>
@ -2800,7 +2831,7 @@ body { padding-bottom: 70px; }
    </div><!-- /.bs-example -->
 {% highlight html %}
 <div class="row">
-  <div class="col-sm-6 col-md-3">
+  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
      <img data-src="holder.js/100%x180" alt="...">
    </a>
@ -3160,7 +3191,7 @@ body { padding-bottom: 70px; }
              <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
            </a>
            <div class="media-body">
-              <h4 class="media-heading">Media heading</h4>
+              <h4 class="media-heading">Nested media heading</h4>
              Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
            </div>
          </div>
@ -3329,6 +3360,43 @@ body { padding-bottom: 70px; }
  <a href="#" class="list-group-item">Porta ac consectetur ac</a>
  <a href="#" class="list-group-item">Vestibulum at eros</a>
 </div>
+{% endhighlight %}
+
+    <h3 id="list-group-contextual-classes">Contextual classes</h3>
+    <p>Use contextual classes to style list items, default or linked. Also includes <code>.active</code> state.</p>
+    <div class="bs-example">
+      <div class="row">
+        <div class="col-sm-6">
+          <ul class="list-group">
+            <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
+            <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
+            <li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
+            <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
+          </ul>
+        </div>
+        <div class="col-sm-6">
+          <div class="list-group">
+            <a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a>
+            <a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a>
+            <a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a>
+            <a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a>
+          </div>
+        </div>
+      </div>
+    </div>
+{% highlight html %}
+<ul class="list-group">
+  <li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
+  <li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
+  <li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
+  <li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
+</ul>
+<div class="list-group">
+  <a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a>
+  <a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a>
+  <a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a>
+  <a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a>
+</div>
 {% endhighlight %}

    <h3 id="list-group-custom-content">Custom content</h3>
--- a/composer.json
+++ b/composer.json
@ -17,4 +17,9 @@
      "issues": "https://github.com/twbs/bootstrap/issues"
    }
  , "license": "Apache-2.0"
+  , "extra": {
+      "branch-alias": {
+        "dev-master": "3.0.x-dev"
+      }
+  }
 }
--- a/css.html
+++ b/css.html
@ -54,7 +54,8 @@ base_url: "../"
    <p>For improved cross-browser rendering, we use <a href="http://necolas.github.io/normalize.css/" target="_blank">Normalize</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal" target="_blank">Jonathan Neal</a>.</p>

    <h3 id="overview-container">Containers</h3>
-    <p>Easily center a page's contents by wrapping its contents in a <code>.container</code>. Containers set <code>max-width</code> at various media query breakpoints to match our grid system.</p>
+    <p>Easily center a page's contents by wrapping its contents in a <code>.container</code>. Containers set <code>width</code> at various media query breakpoints to match our grid system.</p>
+    <p>Note that, due to <code>padding</code> and fixed widths, containers are not nestable by default.</p>
 {% highlight html %}
 <div class="container">
  ...
@ -75,7 +76,7 @@ base_url: "../"
    <h3 id="grid-intro">Introduction</h3>
    <p>Grid systems are used for creating page layouts through a series of rows and columns that house your content. Here's how the Bootstrap grid system works:</p>
    <ul>
-      <li>Rows must be placed within a <code>.container</code> for proper alignment and padding.</li>
+      <li>Rows must be placed within a <code>.container</code> (fixed-width) or <code>.container-fluid</code> (full-width) for proper alignment and padding.</li>
      <li>Use rows to create horizontal groups of columns.</li>
      <li>Content should be placed within columns, and only columns may be immediate children of rows.</li>
      <li>Predefined grid classes like <code>.row</code> and <code>.col-xs-4</code> are available for quickly making grid layouts. LESS mixins can also be used for more semantic layouts.</li>
@ -144,7 +145,7 @@ base_url: "../"
            <td colspan="3">Collapsed to start, horizontal above breakpoints</td>
          </tr>
          <tr>
-            <th>Max container width</th>
+            <th>Container width</th>
            <td>None (auto)</td>
            <td>750px</td>
            <td>970px</td>
@ -178,13 +179,11 @@ base_url: "../"
          </tr>
          <tr>
            <th>Offsets</th>
-            <td colspan="1" class="text-muted">N/A</td>
-            <td colspan="3">Yes</td>
+            <td colspan="4">Yes</td>
          </tr>
          <tr>
            <th>Column ordering</th>
-            <td class="text-muted">N/A</td>
-            <td colspan="3">Yes</td>
+            <td colspan="4">Yes</td>
          </tr>
        </tbody>
      </table>
@ -250,6 +249,16 @@ base_url: "../"
  <div class="col-md-6">.col-md-6</div>
  <div class="col-md-6">.col-md-6</div>
 </div>
+{% endhighlight %}
+
+    <h3 id="grid-example-fluid">Example: Fluid container</h3>
+    <p>Turn any fixed-width grid layout into a full-width layout by changing your outermost <code>.container</code> to <code>.container-fluid</code>.</p>
+{% highlight html %}
+<div class="container-fluid">
+  <div class="row">
+    ...
+  </div>
+</div>
 {% endhighlight %}

    <h3 id="grid-example-mixed">Example: Mobile and desktop</h3>
@ -320,7 +329,7 @@ base_url: "../"
 {% endhighlight %}

    <h3 id="grid-responsive-resets">Responsive column resets</h3>
-    <p>With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a <code>.clearfix</code> and our <a href="../css#responsive-utilities">responsive utility classes</a>.</p>
+    <p>With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a <code>.clearfix</code> and our <a href="#responsive-utilities">responsive utility classes</a>.</p>
 <div class="bs-docs-grid">
  <div class="row show-grid">
    <div class="col-xs-6 col-sm-3">
@ -871,7 +880,7 @@ base_url: "../"
    <p>Style and content changes for simple variations on a standard <code>&lt;blockquote&gt;</code>.</p>

    <h4>Naming a source</h4>
-    <p>Add <code>&lt;small&gt;</code> tag for identifying the source. Wrap the name of the source work in <code>&lt;cite&gt;</code>.</p>
+    <p>Add <code>&lt;small&gt;</code> tag or <code>.small</code> class for identifying the source. Wrap the name of the source work in <code>&lt;cite&gt;</code>.</p>
    <div class="bs-example">
      <blockquote>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
@ -1048,7 +1057,7 @@ base_url: "../"
      <h1 id="code">Code</h1>
    </div>

-    <h2>Inline</h2>
+    <h2 id="code-inline">Inline</h2>
    <p>Wrap inline snippets of code with <code>&lt;code&gt;</code>.</p>
 <div class="bs-example">
  For example, <code>&lt;section&gt;</code> should be wrapped as inline.
@ -1057,7 +1066,16 @@ base_url: "../"
 For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 {% endhighlight %}

-    <h2>Basic block</h2>
+    <h2 id="code-user-input">User input</h2>
+    <p>Use the <code>&lt;kbd&gt;</code> to indicate input that is typically entered via keyboard.</p>
+<div class="bs-example">
+  To switch directories, type <kbd>cd</kbd> followed the name of the directory.
+</div>
+{% highlight html %}
+  To switch directories, type <kbd>cd</kbd> followed the name of the directory.
+{% endhighlight %}
+
+    <h2 id="code-block">Basic block</h2>
    <p>Use <code>&lt;pre&gt;</code> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.</p>
 <div class="bs-example">
  <pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
@ -1328,6 +1346,12 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
            </td>
            <td>Indicates a dangerous or potentially negative action</td>
          </tr>
+          <tr>
+            <td>
+              <code>.info</code>
+            </td>
+            <td>Indicates a neutral informative change or action</td>
+          </tr>
        </tbody>
      </table>
    </div>
@ -1384,6 +1408,18 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
            <td>Column content</td>
            <td>Column content</td>
          </tr>
+          <tr>
+            <td>8</td>
+            <td>Column content</td>
+            <td>Column content</td>
+            <td>Column content</td>
+          </tr>
+          <tr class="info">
+            <td>9</td>
+            <td>Column content</td>
+            <td>Column content</td>
+            <td>Column content</td>
+          </tr>
        </tbody>
      </table>
    </div><!-- /example -->
@ -1393,6 +1429,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 <tr class="success">...</tr>
 <tr class="warning">...</tr>
 <tr class="danger">...</tr>
+<tr class="info">...</tr>

 <!-- On cells (`td` or `th`) -->
 <tr>
@ -1400,6 +1437,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
  <td class="success">...</td>
  <td class="warning">...</td>
  <td class="danger">...</td>
+  <td class="info">...</td>
 </tr>
 {% endhighlight %}

@ -1567,7 +1605,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.


    <h2 id="forms-inline">Inline form</h2>
-    <p>Add <code>.form-inline</code> for left-aligned and inline-block controls for a compact layout.</p>
+    <p>Add <code>.form-inline</code> to your <code>&lt;form&gt;</code> for left-aligned and inline-block controls. <strong>This only applies to forms within viewports that are at least 768px wide.</strong></p>
    <div class="bs-callout bs-callout-danger">
      <h4>Requires custom widths</h4>
      <p>Inputs, selects, and textareas are 100% wide by default in Bootstrap. To use the inline form, you'll have to set a width on the form controls used within.</p>
@ -1617,7 +1655,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
    <h2 id="forms-horizontal">Horizontal form</h2>
    <p>Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout by adding <code>.form-horizontal</code> to the form. Doing so changes <code>.form-group</code>s to behave as grid rows, so no need for <code>.row</code>.</p>
    <div class="bs-example">
-      <form class="form-horizontal">
+      <form class="form-horizontal" role="form">
        <div class="form-group">
          <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
          <div class="col-sm-10">
@ -2272,7 +2310,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.

    <div class="bs-callout bs-callout-warning">
      <h4>Responsive images</h4>
-      <p>Looking for how to make images more responsive? <a href="../css#overview-responsive-images">Check out the responsive images section</a> up top.</p>
+      <p>Looking for how to make images more responsive? <a href="#overview-responsive-images">Check out the responsive images section</a> up top.</p>
    </div>

  </div>
@ -2384,7 +2422,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.


    <h3 id="helper-classes-show-hide">Showing and hiding content</h3>
-    <p>Force an element to be shown or hidden (<strong>including for screen readers</strong>) with the use of <code>.show</code> and <code>.hidden</code> classes. These classes use <code>!important</code> to avoid specificity conflicts, just like the <a href="../css/#helper-classes-floats">quick floats</a>. They are only available for block level toggling. They can also be used as mixins.</p>
+    <p>Force an element to be shown or hidden (<strong>including for screen readers</strong>) with the use of <code>.show</code> and <code>.hidden</code> classes. These classes use <code>!important</code> to avoid specificity conflicts, just like the <a href="#helper-classes-floats">quick floats</a>. They are only available for block level toggling. They can also be used as mixins.</p>
    <p><code>.hide</code> is available, but it does not always affect screen readers and is <strong>deprecated</strong> as of v3.0.1. Use <code>.hidden</code> or <code>.sr-only</code> instead.</p>
    <p>Furthermore, <code>.invisible</code> can be used to toggle only the visibility of an element, meaning its <code>display</code> is not modified and the element can still affect the flow of the document.</p>
 {% highlight html %}
@ -2672,3 +2710,463 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
    </div>

  </div>
+
+
+
+  <!-- Using Less
+  ================================================== -->
+  <div class="bs-docs-section" id="less">
+    <div class="page-header">
+      <h1>Using LESS</h1>
+    </div>
+    <p class="lead">Bootstrap's CSS is built on LESS, a preprocessor with additional functionality like variables, mixins, and functions for compiling CSS. Thosing looking to use the source LESS files instead of our compiled CSS files can make use of the numerous variables and mixins we use throughout the framework.</p>
+
+    <p>Grid variables and mixins are covered <a href="{{ page.base_url }}css/#grid-less">within the Grid system section</a>.</p>
+
+
+    <h2 id="less-variables">Variables</h2>
+    <p>Variables are used throughout the entire project as a way to centralize and share commonly used values like colors, spacing, or font stacks. For a complete breakdown, please see <a href="{{ page.base_url }}customize/#less-variables-section">the Customizer</a>.</p>
+
+    <h3 id="less-variables-colors">Colors</h3>
+    <p>Easily make use of two color schemes: grayscale and semantic. Grayscale colors provide quick access to commonly used shades of black while semantic include various colors assigned to meaningful contextual values.</p>
+    <div class="bs-example">
+      <div class="color-swatches">
+        <div class="color-swatch gray-darker"></div>
+        <div class="color-swatch gray-dark"></div>
+        <div class="color-swatch gray"></div>
+        <div class="color-swatch gray-light"></div>
+        <div class="color-swatch gray-lighter"></div>
+      </div>
+    </div>
+{% highlight css %}
+@gray-darker:  lighten(#000, 13.5%); // #222
+@gray-dark:    lighten(#000, 20%);   // #333
+@gray:         lighten(#000, 33.5%); // #555
+@gray-light:   lighten(#000, 60%);   // #999
+@gray-lighter: lighten(#000, 93.5%); // #eee
+{% endhighlight %}
+
+    <div class="bs-example">
+      <div class="color-swatches">
+        <div class="color-swatch brand-primary"></div>
+        <div class="color-swatch brand-success"></div>
+        <div class="color-swatch brand-warning"></div>
+        <div class="color-swatch brand-danger"></div>
+        <div class="color-swatch brand-info"></div>
+      </div>
+    </div>
+{% highlight css %}
+@brand-primary: #428bca;
+@brand-success: #5cb85c;
+@brand-warning: #f0ad4e;
+@brand-danger:  #d9534f;
+@brand-info:    #5bc0de;
+{% endhighlight %}
+
+    <p>Use any of these color variables as they are or reassign them to more meaningful variables for your project.</p>
+{% highlight css %}
+// Use as-is
+.masthead {
+  background-color: @brand-primary;
+}
+
+// Reassigned variables in LESS
+@alert-message-background: @brand-info;
+.alert {
+  background-color: @alert-message-background;
+}
+{% endhighlight %}
+
+    <h3 id="less-variables-scaffolding">Scaffolding</h3>
+    <p>A handful of variables for quickly customizing key elements of your site's skeleton.</p>
+{% highlight css %}
+// Scaffolding
+@body-background: #fff;
+@text-color:      @black-50;
+{% endhighlight %}
+
+    <h3 id="less-variables-links">Links</h3>
+    <p>Easily style your links with the right color with only one value.</p>
+{% highlight css %}
+// Variables
+@link-color:       @brand-primary;
+@link-color-hover: darken(@link-color, 15%);
+
+// Usage
+a {
+  color: @link-color;
+  text-decoration: none;
+
+  &:hover {
+    color: @link-color-hover;
+    text-decoration: underline;
+  }
+}
+{% endhighlight %}
+    <p>Note that the <code>@link-color-hover</code> uses a function, another awesome tool from LESS, to automagically create the right hover color. You can use <code>darken</code>, <code>lighten</code>, <code>saturate</code>, and <code>desaturate</code>.</p>
+
+    <h3 id="less-variables-typography">Typography</h3>
+    <p>Easily set your type face, text size, leading, and more with a few quick variables. Bootstrap makes use of these as well to provide easy typographic mixins as well.</p>
+{% highlight css %}
+@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif:       Georgia, "Times New Roman", Times, serif;
+@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base:        @font-family-sans-serif;
+
+@font-size-base:          14px;
+@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
+@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
+
+@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
+@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
+@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
+@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
+@font-size-h5:            @font-size-base;
+@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
+
+@line-height-base:        1.428571429; // 20/14
+@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
+
+@headings-font-family:    inherit;
+@headings-font-weight:    500;
+@headings-line-height:    1.1;
+@headings-color:          inherit;
+{% endhighlight %}
+
+    <h3 id="less-variables-icons">Icons</h3>
+    <p>Two quick variables for customizing the location and filename of your icons.</p>
+{% highlight css %}
+@icon-font-path:          "../fonts/";
+@icon-font-name:          "glyphicons-halflings-regular";
+{% endhighlight %}}
+
+    <h3 id="less-variables-components">Components</h3>
+    <p>Components throughout Bootstrap make use of some default variables for setting common values. Here are the most commonly used.</p>
+{% highlight css %}
+@padding-base-vertical:          6px;
+@padding-base-horizontal:        12px;
+
+@padding-large-vertical:         10px;
+@padding-large-horizontal:       16px;
+
+@padding-small-vertical:         5px;
+@padding-small-horizontal:       10px;
+
+@padding-xs-vertical:            1px;
+@padding-xs-horizontal:          5px;
+
+@line-height-large:              1.33;
+@line-height-small:              1.5;
+
+@border-radius-base:             4px;
+@border-radius-large:            6px;
+@border-radius-small:            3px;
+
+@component-active-color:         #fff;
+@component-active-bg:            @brand-primary;
+
+@caret-width-base:               4px;
+@caret-width-large:              5px;
+{% endhighlight %}}
+
+
+    <h2 id="less-mixins-vendor">Vendor mixins</h2>
+    <p>Vendor mixins are mixins to help support multiple browsers by including all relevant vendor prefixs in your compiled CSS.</p>
+
+
+    <h3 id="mixins-box-sizing">Box-sizing</h3>
+    <p>Reset your components' box model with a single mixin. For context, see this <a href="https://developer.mozilla.org/en-US/docs/CSS/box-sizing" target="_blank">helpful article from Mozilla</a>.</p>
+{% highlight css %}
+.box-sizing(@box-model) {
+  -webkit-box-sizing: @box-model; // Safari <= 5
+     -moz-box-sizing: @box-model; // Firefox <= 19
+          box-sizing: @box-model;
+}
+{% endhighlight %}
+
+    <h3 id="mixins-rounded-corners">Rounded corners</h3>
+    <p>Today all modern browsers support the non-prefixed <code>border-radius</code> property. As such, there is no <code>.border-radius()</code> mixin, but Preboot does include shortcuts for quickly rounding two corners on a particular side of an object.</p>
+{% highlight css %}
+.border-top-radius(@radius) {
+  border-top-right-radius: @radius;
+   border-top-left-radius: @radius;
+}
+.border-right-radius(@radius) {
+  border-bottom-right-radius: @radius;
+     border-top-right-radius: @radius;
+}
+.border-bottom-radius(@radius) {
+  border-bottom-right-radius: @radius;
+   border-bottom-left-radius: @radius;
+}
+.border-left-radius(@radius) {
+  border-bottom-left-radius: @radius;
+     border-top-left-radius: @radius;
+}
+{% endhighlight %}
+
+    <h3 id="mixins-box-shadow">Box (Drop) shadows</h3>
+    <p>If your target audience is using the latest and greatest browsers and devices, be sure to just use the <code>box-shadow</code> property on it's own. If you need support for older Android (pre-v4) and iOS devices (pre-iOS 5), use of the mixin to pick up the required <code>-webkit</code> prefix.</p>
+    <p>Be sure to use <code>rgba()</code> colors in your box shadows so they blend as seamlessly as possible with backgrounds.</p>
+{% highlight css %}
+.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
+  -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
+          box-shadow: @shadow;
+}
+{% endhighlight %}
+
+    <h3 id="mixins-transitions">Transitions</h3>
+    <p>Three mixins for flexibility. Set all transition information with one, or specify a separate delay and duration as needed.</p>
+{% highlight css %}
+.transition(@transition) {
+  -webkit-transition: @transition;
+          transition: @transition;
+}
+.transition-property(@transition-property) {
+  -webkit-transition-property: @transition-property;
+          transition-property: @transition-property;
+}
+.transition-delay(@transition-delay) {
+  -webkit-transition-delay: @transition-delay;
+          transition-delay: @transition-delay;
+}
+.transition-duration(@transition-duration) {
+  -webkit-transition-duration: @transition-duration;
+          transition-duration: @transition-duration;
+}
+.transition-transform(@transition) {
+  -webkit-transition: -webkit-transform @transition;
+     -moz-transition: -moz-transform @transition;
+       -o-transition: -o-transform @transition;
+          transition: transform @transition;
+}
+{% endhighlight %}
+
+    <h3 id="mixins-transformations">Transformations</h3>
+    <p>Rorate, scale, translate (move), or skew any object.</p>
+{% highlight css %}
+.rotate(@degrees) {
+  -webkit-transform: rotate(@degrees);
+      -ms-transform: rotate(@degrees); // IE9 only
+          transform: rotate(@degrees);
+}
+.scale(@ratio; @ratio-y...) {
+  -webkit-transform: scale(@ratio, @ratio-y);
+      -ms-transform: scale(@ratio, @ratio-y); // IE9 only
+          transform: scale(@ratio, @ratio-y);
+}
+.translate(@x; @y) {
+  -webkit-transform: translate(@x, @y);
+      -ms-transform: translate(@x, @y); // IE9 only
+          transform: translate(@x, @y);
+}
+.skew(@x; @y) {
+  -webkit-transform: skew(@x, @y);
+      -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
+          transform: skew(@x, @y);
+}
+.translate3d(@x; @y; @z) {
+  -webkit-transform: translate3d(@x, @y, @z);
+          transform: translate3d(@x, @y, @z);
+}
+
+.rotateX(@degrees) {
+  -webkit-transform: rotateX(@degrees);
+      -ms-transform: rotateX(@degrees); // IE9 only
+          transform: rotateX(@degrees);
+}
+.rotateY(@degrees) {
+  -webkit-transform: rotateY(@degrees);
+      -ms-transform: rotateY(@degrees); // IE9 only
+          transform: rotateY(@degrees);
+}
+.perspective(@perspective) {
+  -webkit-perspective: @perspective;
+     -moz-perspective: @perspective;
+          perspective: @perspective;
+}
+.perspective-origin(@perspective) {
+  -webkit-perspective-origin: @perspective;
+     -moz-perspective-origin: @perspective;
+          perspective-origin: @perspective;
+}
+.transform-origin(@origin) {
+  -webkit-transform-origin: @origin;
+     -moz-transform-origin: @origin;
+      -ms-transform-origin: @origin; // IE9 only
+          transform-origin: @origin;
+}
+{% endhighlight %}
+
+    <h3 id="mixins-opacity">Opacity</h3>
+    <p>Set the opacity for all browsers and provide a <code>filter</code> fallback for IE8.</p>
+{% highlight css %}
+.opacity(@opacity) {
+  opacity: @opacity;
+  // IE8 filter
+  @opacity-ie: (@opacity * 100);
+  filter: ~"alpha(opacity=@{opacity-ie})";
+}
+{% endhighlight %}
+
+    <h3 id="mixins-placeholder">Placeholder text</h3>
+    <p>Provide context for form controls within each field.</p>
+{% highlight css %}
+.placeholder(@color: @input-color-placeholder) {
+  &:-moz-placeholder            { color: @color; } // Firefox 4-18
+  &::-moz-placeholder           { color: @color; } // Firefox 19+
+  &:-ms-input-placeholder       { color: @color; } // Internet Explorer 10+
+  &::-webkit-input-placeholder  { color: @color; } // Safari and Chrome
+}
+{% endhighlight %}
+
+    <h3 id="mixins-columns">Columns</h3>
+    <p>Generate columns via CSS within a single element.</p>
+{% highlight css %}
+.content-columns(@width; @count; @gap) {
+  -webkit-column-width: @width;
+     -moz-column-width: @width;
+          column-width: @width;
+  -webkit-column-count: @count;
+     -moz-column-count: @count;
+          column-count: @count;
+  -webkit-column-gap: @gap;
+     -moz-column-gap: @gap;
+          column-gap: @gap;
+}
+{% endhighlight %}
+
+    <h3 id="mixins-gradients">Gradients</h3>
+    <p>Easily turn any two colors into a background gradient. Get more advanced and set a direction, use three colors, or use a radial gradient. With a single mixin you get all the prefixed syntaxes you'll need.</p>
+{% highlight css %}
+#gradient > .vertical(#333; #000);
+#gradient > .horizontal(#333; #000);
+#gradient > .radial(#333; #000);
+{% endhighlight %}
+    <p>You can also specify the angle of a standard two-color, linear gradient:</p>
+{% highlight css %}
+#gradient > .directional(#333; #000; 45deg);
+{% endhighlight %}
+    <p>If you need a barber-stripe style gradient, that's easy, too. Just specify a single color and we'll overlay a translucent white stripe.</p>
+{% highlight css %}
+#gradient > .striped(#333; #000; 45deg);
+{% endhighlight %}
+    <p>Up the ante and use three colors instead. Set the first color, the second color, the second color's color stop (a decimal value like 0.25), and the third color with these mixins:</p>
+{% highlight css %}
+#gradient > .vertical-three-colors(#777; #333; .25; #000);
+#gradient > .horizontal-three-colors(#777; #333; .25; #000);
+{% endhighlight %}
+    <p><strong>Heads up!</strong> Should you ever need to remove a gradient, be sure to remove any IE-specific <code>filter</code> you may have added. You can do that by using <code>.reset-filter()</code> mixin alignside <code>background-image: none;</code>.</p>
+
+
+    <h2 id="less-mixins-utility">Utility mixins</h2>
+    <p>Utility mixins are mixins that combine otherwise unrelated CSS properties to achieve a specific goal or task.</p>
+
+    <h3 id="mixins-clearfix">Clearfix</h3>
+    <p>Forget adding <code>class="clearfix"</code> to any element and instead add the <code>.clearfix()</code> mixin where appropriate. Uses the <a href="http://nicolasgallagher.com/micro-clearfix-hack/" target="_blank">micro clearfix</a> from <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallager</a>.</p>
+{% highlight css %}
+// Mixin
+.clearfix() {
+  &:before,
+  &:after {
+    content: " ";
+    display: table;
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+// Usage
+.container {
+  .clearfix();
+}
+{% endhighlight %}
+
+    <h3 id="mixins-centering">Horizontal centering</h3>
+    <p>Quickly center any element within its parent. <strong>Requires <code>width</code> or <code>max-width</code> to be set.</strong></p>
+{% highlight css %}
+// Mixin
+.center-block() {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// Usage
+.container {
+  width: 940px;
+  .center-block();
+}
+{% endhighlight %}
+
+    <h3 id="mixins-sizing">Sizing helpers</h3>
+    <p>Specify the dimensions of an object more easily.</p>
+{% highlight css %}
+// Mixins
+.size(@width; @height) {
+  width: @width;
+  height: @height;
+}
+.square(@size) {
+  .size(@size; @size);
+}
+
+// Usage
+.image { .size(400px; 300px); }
+.avatar { .square(48px); }
+{% endhighlight %}
+
+    <h3 id="mixins-resizable">Resizable textareas</h3>
+    <p>Easily configure the resize options for any textarea, or any other element. Defaults to normal browser behavior (<code>both</code>).</p>
+{% highlight css %}
+.resizable(@direction: both) {
+  // Options: horizontal, vertical, both
+  resize: @direction;
+  // Safari fix
+  overflow: auto;
+}
+{% endhighlight %}
+
+    <h3 id="mixins-truncating">Truncating text</h3>
+    <p>Easily truncate text with an ellipsis with a single mixin. <strong>Requires element to be <code>block</code> or <code>inline-block</code> level.</strong></p>
+{% highlight css %}
+// Mixin
+.text-truncate() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// Usage
+.branch-name {
+  display: inline-block;
+  max-width: 200px;
+  .text-truncate();
+}
+{% endhighlight %}
+
+    <h3 id="mixins-retina-images">Retina images</h3>
+    <p>Specify two image paths and the @1x image dimensions, and Preboot will provide an @2x media query. <strong>If you have many images to serve, consider writing your retina image CSS manually in a single media query.</strong></p>
+{% highlight css %}
+.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
+  background-image: url("@{file-1x}");
+
+  @media
+  only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (   min--moz-device-pixel-ratio: 2),
+  only screen and (     -o-min-device-pixel-ratio: 2/1),
+  only screen and (        min-device-pixel-ratio: 2),
+  only screen and (                min-resolution: 192dpi),
+  only screen and (                min-resolution: 2dppx) {
+    background-image: url("@{file-2x}");
+    background-size: @width-1x @height-1x;
+  }
+}
+
+// Usage
+.jumbotron {
+  .retina-image("/img/bg-1x.png", "/img/bg-2x.png", 100px, 100px);
+}
+{% endhighlight %}
+  </div>
--- a/customize.html
+++ b/customize.html
@ -56,7 +56,7 @@ base_url: "../"
        </div>
        <div class="checkbox">
          <label>
-            <input type="checkbox" checked value="buttons.less">
+            <input type="checkbox" checked value="buttons.less" data-dependents="button-groups.less">
            Buttons
          </label>
        </div>
@ -399,7 +399,7 @@ base_url: "../"
        <input type="text" class="form-control" placeholder="Georgia, 'Times New Roman', Times, serif" data-var="@font-family-serif">
        <p class="help-block">Default serif fonts.</p>
        <label>@font-family-monospace</label>
-        <input type="text" class="form-control" placeholder="Monaco, Menlo, Consolas, 'Courier New', monospace" data-var="@font-family-monospace">
+        <input type="text" class="form-control" placeholder="Menlo, Monaco, Consolas, 'Courier New', monospace" data-var="@font-family-monospace">
        <p class="help-block">Default monospace fonts for <code>&lt;code&gt;</code> and <code>&lt;pre&gt;</code>.</p>

        <h4>Base type styes</h4>
@ -436,7 +436,7 @@ base_url: "../"
    <div class="row">
      <div class="col-lg-6">
        <label>@headings-font-family</label>
-        <input type="text" class="form-control" placeholder="@font-family-base" data-var="@headings-font-family">
+        <input type="text" class="form-control" placeholder="inherit" data-var="@headings-font-family">
        <label>@headings-font-weight</label>
        <input type="text" class="form-control" placeholder="500" data-var="@headings-font-weight">
      </div>
@ -1056,7 +1056,7 @@ base_url: "../"
        <p class="help-block">Hovered dropdown menu entry text color</p>
        <label>@dropdown-link-hover-bg</label>
        <input type="text" class="form-control" placeholder="#f5f5f5" data-var="@dropdown-link-hover-bg">
-        <p class="help-block">Hovered dropdown menu entry text color</p>
+        <p class="help-block">Hovered dropdown menu entry background color</p>

        <label>@dropdown-link-active-color</label>
        <input type="text" class="form-control" placeholder="@component-active-color" data-var="@dropdown-link-active-color">
@ -1147,6 +1147,8 @@ base_url: "../"
    <h3>Wells</h3>
    <label>@well-bg</label>
    <input type="text" class="form-control" placeholder="#f5f5f5" data-var="@well-bg">
+    <label>@well-border</label>
+    <input type="text" class="form-control" placeholder="darken(@well-bg, 7%)" data-var="@well-border">


    <h2 id="variables-accordion">Accordion</h2>
@ -1247,6 +1249,11 @@ base_url: "../"
        <input type="text" class="form-control" placeholder="#000" data-var="@modal-backdrop-bg">
        <p class="help-block">Modal backdrop background color</p>
      </div>
+      <div class="col-md-4">
+        <label>@modal-backdrop-opacity</label>
+        <input type="text" class="form-control" placeholder=".5" data-var="@modal-backdrop-opacity">
+        <p class="help-block">Modal backdrop opacity</p>
+      </div>
    </div>

    <h3>Modal header and footer</h3>
--- a/dist/css/bootstrap-theme.css
+++ b/dist/css/bootstrap-theme.css
@ -1,22 +1,20 @@
 /*!
- * Bootstrap v3.0.1 by @fat and @mdo
+ * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world by @mdo and @fat.
 */

+
 .btn-default,
 .btn-primary,
 .btn-success,
 .btn-info,
 .btn-warning,
 .btn-danger {
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
 }
-
 .btn-default:active,
 .btn-primary:active,
 .btn-success:active,
@ -29,431 +27,321 @@
 .btn-info.active,
 .btn-warning.active,
 .btn-danger.active {
-  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 }
-
 .btn:active,
 .btn.active {
  background-image: none;
 }
-
 .btn-default {
  text-shadow: 0 1px 0 #fff;
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e0e0e0));
-  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
-  background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
-  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
+  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
+  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }
-
 .btn-default:hover,
 .btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
 }
-
 .btn-default:active,
 .btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
 }
-
 .btn-primary {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#2d6ca2));
  background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
-  background-image: -moz-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
-  background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
+  background-image:         linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #2b669a;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }
-
 .btn-primary:hover,
 .btn-primary:focus {
  background-color: #2d6ca2;
  background-position: 0 -15px;
 }
-
 .btn-primary:active,
 .btn-primary.active {
  background-color: #2d6ca2;
  border-color: #2b669a;
 }
-
 .btn-success {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#419641));
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
-  background-image: -moz-linear-gradient(top, #5cb85c 0%, #419641 100%);
-  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
+  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }
-
 .btn-success:hover,
 .btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
 }
-
 .btn-success:active,
 .btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
 }
-
 .btn-warning {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#eb9316));
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
-  background-image: -moz-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
-  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
+  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }
-
 .btn-warning:hover,
 .btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
 }
-
 .btn-warning:active,
 .btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
 }
-
 .btn-danger {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c12e2a));
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
-  background-image: -moz-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
-  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
+  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }
-
 .btn-danger:hover,
 .btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
 }
-
 .btn-danger:active,
 .btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
 }
-
 .btn-info {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#2aabd2));
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
-  background-image: -moz-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
-  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
+  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }
-
 .btn-info:hover,
 .btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
 }
-
 .btn-info:active,
 .btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
 }
-
 .thumbnail,
 .img-thumbnail {
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
 }
-
 .dropdown-menu > li > a:hover,
 .dropdown-menu > li > a:focus {
-  background-color: #e8e8e8;
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
-  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
-  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
-  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
-  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+  background-color: #e8e8e8;
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  background-repeat: repeat-x;
 }
-
 .dropdown-menu > .active > a,
 .dropdown-menu > .active > a:hover,
 .dropdown-menu > .active > a:focus {
-  background-color: #357ebd;
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
-  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
-  background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
-  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
-  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
-}
-
-.navbar-default {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));
-  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
-  background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
-  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
+  background-color: #357ebd;
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
+  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  background-repeat: repeat-x;
-  border-radius: 4px;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
 }
-
+.navbar-default {
+  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
+  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
+}
 .navbar-default .navbar-nav > .active > a {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f3f3f3));
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
-  background-image: -moz-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
-  background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
+  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
-  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
 }
-
 .navbar-brand,
 .navbar-nav > li > a {
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
 }
-
 .navbar-inverse {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222));
-  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
-  background-image: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
-  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
+  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
+  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 }
-
 .navbar-inverse .navbar-nav > .active > a {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#222222), to(#282828));
-  background-image: -webkit-linear-gradient(top, #222222 0%, #282828 100%);
-  background-image: -moz-linear-gradient(top, #222222 0%, #282828 100%);
-  background-image: linear-gradient(to bottom, #222222 0%, #282828 100%);
+  background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
+  background-image:         linear-gradient(to bottom, #222 0%, #282828 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
-  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
-          box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
+          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
 }
-
 .navbar-inverse .navbar-brand,
 .navbar-inverse .navbar-nav > li > a {
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
 }
-
 .navbar-static-top,
 .navbar-fixed-top,
 .navbar-fixed-bottom {
  border-radius: 0;
 }
-
 .alert {
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
 }
-
 .alert-success {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#c8e5bc));
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
-  background-image: -moz-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
-  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
+  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
-  border-color: #b2dba1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
+  border-color: #b2dba1;
 }
-
 .alert-info {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#b9def0));
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
-  background-image: -moz-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
-  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
+  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  background-repeat: repeat-x;
-  border-color: #9acfea;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
+  border-color: #9acfea;
 }
-
 .alert-warning {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#f8efc0));
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
-  background-image: -moz-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
-  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
+  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
-  border-color: #f5e79e;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
+  border-color: #f5e79e;
 }
-
 .alert-danger {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#e7c3c3));
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
-  background-image: -moz-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
-  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
+  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
-  border-color: #dca7a7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
+  border-color: #dca7a7;
 }
-
 .progress {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
-  background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
-  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
+  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
 }
-
 .progress-bar {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
-  background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
-  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
+  background-image:         linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
 }
-
 .progress-bar-success {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
-  background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
-  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
+  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
 }
-
 .progress-bar-info {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
-  background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
-  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
+  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
 }
-
 .progress-bar-warning {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
-  background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
-  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
+  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
 }
-
 .progress-bar-danger {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
-  background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
-  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
+  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
 }
-
 .list-group {
  border-radius: 4px;
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
 }
-
 .list-group-item.active,
 .list-group-item.active:hover,
 .list-group-item.active:focus {
  text-shadow: 0 -1px 0 #3071a9;
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3278b3));
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
-  background-image: -moz-linear-gradient(top, #428bca 0%, #3278b3 100%);
-  background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
+  background-image:         linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
  background-repeat: repeat-x;
-  border-color: #3278b3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
+  border-color: #3278b3;
 }
-
 .panel {
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
 }
-
 .panel-default > .panel-heading {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
-  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
-  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
 }
-
 .panel-primary > .panel-heading {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
-  background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
-  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
+  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
 }
-
 .panel-success > .panel-heading {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6));
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
-  background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
-  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
+  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
 }
-
 .panel-info > .panel-heading {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3));
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
-  background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
-  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
+  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
 }
-
 .panel-warning > .panel-heading {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc));
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
-  background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
-  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
+  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
 }
-
 .panel-danger > .panel-heading {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc));
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
-  background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
-  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
+  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
 }
-
 .well {
-  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8e8e8), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
-  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
-  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
+  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
-  border-color: #dcdcdc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
-  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
-          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
-}
+  border-color: #dcdcdc;
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
+          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
+}
--- a/dist/css/bootstrap-theme.min.css
+++ b/dist/css/bootstrap-theme.min.css
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@ -1,13 +1,11 @@
 /*!
- * Bootstrap v3.0.1 by @fat and @mdo
+ * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world by @mdo and @fat.
 */

-/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

+/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
 article,
 aside,
 details,
@ -22,75 +20,60 @@ section,
 summary {
  display: block;
 }
-
 audio,
 canvas,
 video {
  display: inline-block;
 }
-
 audio:not([controls]) {
  display: none;
  height: 0;
 }
-
 [hidden],
 template {
  display: none;
 }
-
 html {
  font-family: sans-serif;
-  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
 }
-
 body {
  margin: 0;
 }
-
 a {
  background: transparent;
 }
-
 a:focus {
  outline: thin dotted;
 }
-
 a:active,
 a:hover {
  outline: 0;
 }
-
 h1 {
-  margin: 0.67em 0;
+  margin: .67em 0;
  font-size: 2em;
 }
-
 abbr[title] {
  border-bottom: 1px dotted;
 }
-
 b,
 strong {
  font-weight: bold;
 }
-
 dfn {
  font-style: italic;
 }
-
 hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
 }
-
 mark {
  color: #000;
  background: #ff0;
 }
-
 code,
 kbd,
 pre,
@ -98,19 +81,15 @@ samp {
  font-family: monospace, serif;
  font-size: 1em;
 }
-
 pre {
  white-space: pre-wrap;
 }
-
 q {
  quotes: "\201C" "\201D" "\2018" "\2019";
 }
-
 small {
  font-size: 80%;
 }
-
 sub,
 sup {
  position: relative;
@ -118,38 +97,30 @@ sup {
  line-height: 0;
  vertical-align: baseline;
 }
-
 sup {
-  top: -0.5em;
+  top: -.5em;
 }
-
 sub {
-  bottom: -0.25em;
+  bottom: -.25em;
 }
-
 img {
  border: 0;
 }
-
 svg:not(:root) {
  overflow: hidden;
 }
-
 figure {
  margin: 0;
 }
-
 fieldset {
-  padding: 0.35em 0.625em 0.75em;
+  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
 }
-
 legend {
  padding: 0;
  border: 0;
 }
-
 button,
 input,
 select,
@ -158,64 +129,53 @@ textarea {
  font-family: inherit;
  font-size: 100%;
 }
-
 button,
 input {
  line-height: normal;
 }
-
 button,
 select {
  text-transform: none;
 }
-
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
-  cursor: pointer;
  -webkit-appearance: button;
+  cursor: pointer;
 }
-
 button[disabled],
 html input[disabled] {
  cursor: default;
 }
-
 input[type="checkbox"],
 input[type="radio"] {
-  padding: 0;
  box-sizing: border-box;
+  padding: 0;
 }
-
 input[type="search"] {
+  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
-  -webkit-appearance: textfield;
 }
-
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
 }
-
 button::-moz-focus-inner,
 input::-moz-focus-inner {
  padding: 0;
  border: 0;
 }
-
 textarea {
  overflow: auto;
  vertical-align: top;
 }
-
 table {
-  border-collapse: collapse;
  border-spacing: 0;
+  border-collapse: collapse;
 }
-
@media print {
  * {
    color: #000 !important;
@ -252,7 +212,7 @@ table {
  img {
    max-width: 100% !important;
  }
-  @page  {
+  @page {
    margin: 2cm .5cm;
  }
  p,
@ -290,7 +250,6 @@ table {
    border: 1px solid #ddd !important;
  }
 }
-
 *,
 *:before,
 *:after {
@ -298,20 +257,17 @@ table {
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 }
-
 html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-
 body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
-  color: #333333;
-  background-color: #ffffff;
+  color: #333;
+  background-color: #fff;
 }
-
 input,
 button,
 select,
@ -320,62 +276,52 @@ textarea {
  font-size: inherit;
  line-height: inherit;
 }
-
 a {
  color: #428bca;
  text-decoration: none;
 }
-
 a:hover,
 a:focus {
  color: #2a6496;
  text-decoration: underline;
 }
-
 a:focus {
-  outline: thin dotted #333;
+  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
 }
-
 img {
  vertical-align: middle;
 }
-
 .img-responsive {
  display: block;
-  height: auto;
  max-width: 100%;
+  height: auto;
 }
-
 .img-rounded {
  border-radius: 6px;
 }
-
 .img-thumbnail {
  display: inline-block;
-  height: auto;
  max-width: 100%;
+  height: auto;
  padding: 4px;
  line-height: 1.428571429;
-  background-color: #ffffff;
-  border: 1px solid #dddddd;
+  background-color: #fff;
+  border: 1px solid #ddd;
  border-radius: 4px;
-  -webkit-transition: all 0.2s ease-in-out;
-          transition: all 0.2s ease-in-out;
+  -webkit-transition: all .2s ease-in-out;
+          transition: all .2s ease-in-out;
 }
-
 .img-circle {
  border-radius: 50%;
 }
-
 hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
-  border-top: 1px solid #eeeeee;
+  border-top: 1px solid #eee;
 }
-
 .sr-only {
  position: absolute;
  width: 1px;
@ -386,89 +332,6 @@ hr {
  clip: rect(0, 0, 0, 0);
  border: 0;
 }
-
-p {
-  margin: 0 0 10px;
-}
-
-.lead {
-  margin-bottom: 20px;
-  font-size: 16px;
-  font-weight: 200;
-  line-height: 1.4;
-}
-
-@media (min-width: 768px) {
-  .lead {
-    font-size: 21px;
-  }
-}
-
-small,
-.small {
-  font-size: 85%;
-}
-
-cite {
-  font-style: normal;
-}
-
-.text-muted {
-  color: #999999;
-}
-
-.text-primary {
-  color: #428bca;
-}
-
-.text-primary:hover {
-  color: #3071a9;
-}
-
-.text-warning {
-  color: #c09853;
-}
-
-.text-warning:hover {
-  color: #a47e3c;
-}
-
-.text-danger {
-  color: #b94a48;
-}
-
-.text-danger:hover {
-  color: #953b39;
-}
-
-.text-success {
-  color: #468847;
-}
-
-.text-success:hover {
-  color: #356635;
-}
-
-.text-info {
-  color: #3a87ad;
-}
-
-.text-info:hover {
-  color: #2d6987;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-center {
-  text-align: center;
-}
-
 h1,
 h2,
 h3,
@ -481,12 +344,11 @@ h6,
 .h4,
 .h5,
 .h6 {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
 }
-
 h1 small,
 h2 small,
 h3 small,
@ -513,16 +375,14 @@ h6 .small,
 .h6 .small {
  font-weight: normal;
  line-height: 1;
-  color: #999999;
+  color: #999;
 }
-
 h1,
 h2,
 h3 {
  margin-top: 20px;
  margin-bottom: 10px;
 }
-
 h1 small,
 h2 small,
 h3 small,
@ -531,14 +391,12 @@ h2 .small,
 h3 .small {
  font-size: 65%;
 }
-
 h4,
 h5,
 h6 {
  margin-top: 10px;
  margin-bottom: 10px;
 }
-
 h4 small,
 h5 small,
 h6 small,
@ -547,93 +405,142 @@ h5 .small,
 h6 .small {
  font-size: 75%;
 }
-
 h1,
 .h1 {
  font-size: 36px;
 }
-
 h2,
 .h2 {
  font-size: 30px;
 }
-
 h3,
 .h3 {
  font-size: 24px;
 }
-
 h4,
 .h4 {
  font-size: 18px;
 }
-
 h5,
 .h5 {
  font-size: 14px;
 }
-
 h6,
 .h6 {
  font-size: 12px;
 }
-
+p {
+  margin: 0 0 10px;
+}
+.lead {
+  margin-bottom: 20px;
+  font-size: 16px;
+  font-weight: 200;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .lead {
+    font-size: 21px;
+  }
+}
+small,
+.small {
+  font-size: 85%;
+}
+cite {
+  font-style: normal;
+}
+.text-muted {
+  color: #999;
+}
+.text-primary {
+  color: #428bca;
+}
+.text-primary:hover {
+  color: #3071a9;
+}
+.text-warning {
+  color: #8a6d3b;
+}
+.text-warning:hover {
+  color: #66512c;
+}
+.text-danger {
+  color: #a94442;
+}
+.text-danger:hover {
+  color: #843534;
+}
+.text-success {
+  color: #3c763d;
+}
+.text-success:hover {
+  color: #2b542c;
+}
+.text-info {
+  color: #31708f;
+}
+.text-info:hover {
+  color: #245269;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.text-center {
+  text-align: center;
+}
+.text-justify {
+  text-align: justify;
+}
 .page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
-  border-bottom: 1px solid #eeeeee;
+  border-bottom: 1px solid #eee;
 }
-
 ul,
 ol {
  margin-top: 0;
  margin-bottom: 10px;
 }
-
 ul ul,
 ol ul,
 ul ol,
 ol ol {
  margin-bottom: 0;
 }
-
 .list-unstyled {
  padding-left: 0;
  list-style: none;
 }
-
 .list-inline {
  padding-left: 0;
  list-style: none;
 }
-
 .list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
 }
-
 .list-inline > li:first-child {
  padding-left: 0;
 }
-
 dl {
+  margin-top: 0;
  margin-bottom: 20px;
 }
-
 dt,
 dd {
  line-height: 1.428571429;
 }
-
 dt {
  font-weight: bold;
 }
-
 dd {
  margin-left: 0;
 }
-
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
@ -647,102 +554,73 @@ dd {
  .dl-horizontal dd {
    margin-left: 180px;
  }
-  .dl-horizontal dd:before,
-  .dl-horizontal dd:after {
-    display: table;
-    content: " ";
-  }
-  .dl-horizontal dd:after {
-    clear: both;
-  }
-  .dl-horizontal dd:before,
-  .dl-horizontal dd:after {
-    display: table;
-    content: " ";
-  }
-  .dl-horizontal dd:after {
-    clear: both;
-  }
 }
-
 abbr[title],
 abbr[data-original-title] {
  cursor: help;
-  border-bottom: 1px dotted #999999;
+  border-bottom: 1px dotted #999;
 }
-
-abbr.initialism {
+.initialism {
  font-size: 90%;
  text-transform: uppercase;
 }
-
 blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
-  border-left: 5px solid #eeeeee;
+  border-left: 5px solid #eee;
 }
-
 blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
 }
-
 blockquote p:last-child {
  margin-bottom: 0;
 }
-
-blockquote small {
+blockquote small,
+blockquote .small {
  display: block;
  line-height: 1.428571429;
-  color: #999999;
+  color: #999;
 }
-
-blockquote small:before {
+blockquote small:before,
+blockquote .small:before {
  content: '\2014 \00A0';
 }
-
 blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
-  border-right: 5px solid #eeeeee;
+  border-right: 5px solid #eee;
  border-left: 0;
 }
-
 blockquote.pull-right p,
 blockquote.pull-right small,
 blockquote.pull-right .small {
  text-align: right;
 }
-
 blockquote.pull-right small:before,
 blockquote.pull-right .small:before {
  content: '';
 }
-
 blockquote.pull-right small:after,
 blockquote.pull-right .small:after {
  content: '\00A0 \2014';
 }
-
 blockquote:before,
 blockquote:after {
  content: "";
 }
-
 address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
 }
-
 code,
 kbd,
 pre,
 samp {
-  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 }
-
 code {
  padding: 2px 4px;
  font-size: 90%;
@ -751,21 +629,27 @@ code {
  background-color: #f9f2f4;
  border-radius: 4px;
 }
-
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #fff;
+  background-color: #333;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
+}
 pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
-  color: #333333;
+  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
  border-radius: 4px;
 }
-
 pre code {
  padding: 0;
  font-size: inherit;
@ -774,339 +658,205 @@ pre code {
  background-color: transparent;
  border-radius: 0;
 }
-
 .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
 }
-
 .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
 }
-
-.container:before,
-.container:after {
-  display: table;
-  content: " ";
+@media (min-width: 768px) {
+  .container {
+    width: 750px;
+  }
 }
-
-.container:after {
-  clear: both;
+@media (min-width: 992px) {
+  .container {
+    width: 970px;
+  }
 }
-
-.container:before,
-.container:after {
-  display: table;
-  content: " ";
+@media (min-width: 1200px) {
+  .container {
+    width: 1170px;
+  }
 }
-
-.container:after {
-  clear: both;
+.container-fluid {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
 }
-
 .row {
  margin-right: -15px;
  margin-left: -15px;
 }
-
-.row:before,
-.row:after {
-  display: table;
-  content: " ";
-}
-
-.row:after {
-  clear: both;
-}
-
-.row:before,
-.row:after {
-  display: table;
-  content: " ";
-}
-
-.row:after {
-  clear: both;
-}
-
-.col-xs-1,
-.col-sm-1,
-.col-md-1,
-.col-lg-1,
-.col-xs-2,
-.col-sm-2,
-.col-md-2,
-.col-lg-2,
-.col-xs-3,
-.col-sm-3,
-.col-md-3,
-.col-lg-3,
-.col-xs-4,
-.col-sm-4,
-.col-md-4,
-.col-lg-4,
-.col-xs-5,
-.col-sm-5,
-.col-md-5,
-.col-lg-5,
-.col-xs-6,
-.col-sm-6,
-.col-md-6,
-.col-lg-6,
-.col-xs-7,
-.col-sm-7,
-.col-md-7,
-.col-lg-7,
-.col-xs-8,
-.col-sm-8,
-.col-md-8,
-.col-lg-8,
-.col-xs-9,
-.col-sm-9,
-.col-md-9,
-.col-lg-9,
-.col-xs-10,
-.col-sm-10,
-.col-md-10,
-.col-lg-10,
-.col-xs-11,
-.col-sm-11,
-.col-md-11,
-.col-lg-11,
-.col-xs-12,
-.col-sm-12,
-.col-md-12,
-.col-lg-12 {
+.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
 }
-
-.col-xs-1,
-.col-xs-2,
-.col-xs-3,
-.col-xs-4,
-.col-xs-5,
-.col-xs-6,
-.col-xs-7,
-.col-xs-8,
-.col-xs-9,
-.col-xs-10,
-.col-xs-11 {
+.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
 }
-
 .col-xs-12 {
  width: 100%;
 }
-
 .col-xs-11 {
  width: 91.66666666666666%;
 }
-
 .col-xs-10 {
  width: 83.33333333333334%;
 }
-
 .col-xs-9 {
  width: 75%;
 }
-
 .col-xs-8 {
  width: 66.66666666666666%;
 }
-
 .col-xs-7 {
  width: 58.333333333333336%;
 }
-
 .col-xs-6 {
  width: 50%;
 }
-
 .col-xs-5 {
  width: 41.66666666666667%;
 }
-
 .col-xs-4 {
  width: 33.33333333333333%;
 }
-
 .col-xs-3 {
  width: 25%;
 }
-
 .col-xs-2 {
  width: 16.666666666666664%;
 }
-
 .col-xs-1 {
  width: 8.333333333333332%;
 }
-
 .col-xs-pull-12 {
  right: 100%;
 }
-
 .col-xs-pull-11 {
  right: 91.66666666666666%;
 }
-
 .col-xs-pull-10 {
  right: 83.33333333333334%;
 }
-
 .col-xs-pull-9 {
  right: 75%;
 }
-
 .col-xs-pull-8 {
  right: 66.66666666666666%;
 }
-
 .col-xs-pull-7 {
  right: 58.333333333333336%;
 }
-
 .col-xs-pull-6 {
  right: 50%;
 }
-
 .col-xs-pull-5 {
  right: 41.66666666666667%;
 }
-
 .col-xs-pull-4 {
  right: 33.33333333333333%;
 }
-
 .col-xs-pull-3 {
  right: 25%;
 }
-
 .col-xs-pull-2 {
  right: 16.666666666666664%;
 }
-
 .col-xs-pull-1 {
  right: 8.333333333333332%;
 }
-
+.col-xs-pull-0 {
+  right: 0;
+}
 .col-xs-push-12 {
  left: 100%;
 }
-
 .col-xs-push-11 {
  left: 91.66666666666666%;
 }
-
 .col-xs-push-10 {
  left: 83.33333333333334%;
 }
-
 .col-xs-push-9 {
  left: 75%;
 }
-
 .col-xs-push-8 {
  left: 66.66666666666666%;
 }
-
 .col-xs-push-7 {
  left: 58.333333333333336%;
 }
-
 .col-xs-push-6 {
  left: 50%;
 }
-
 .col-xs-push-5 {
  left: 41.66666666666667%;
 }
-
 .col-xs-push-4 {
  left: 33.33333333333333%;
 }
-
 .col-xs-push-3 {
  left: 25%;
 }
-
 .col-xs-push-2 {
  left: 16.666666666666664%;
 }
-
 .col-xs-push-1 {
  left: 8.333333333333332%;
 }
-
+.col-xs-push-0 {
+  left: 0;
+}
 .col-xs-offset-12 {
  margin-left: 100%;
 }
-
 .col-xs-offset-11 {
  margin-left: 91.66666666666666%;
 }
-
 .col-xs-offset-10 {
  margin-left: 83.33333333333334%;
 }
-
 .col-xs-offset-9 {
  margin-left: 75%;
 }
-
 .col-xs-offset-8 {
  margin-left: 66.66666666666666%;
 }
-
 .col-xs-offset-7 {
  margin-left: 58.333333333333336%;
 }
-
 .col-xs-offset-6 {
  margin-left: 50%;
 }
-
 .col-xs-offset-5 {
  margin-left: 41.66666666666667%;
 }
-
 .col-xs-offset-4 {
  margin-left: 33.33333333333333%;
 }
-
 .col-xs-offset-3 {
  margin-left: 25%;
 }
-
 .col-xs-offset-2 {
  margin-left: 16.666666666666664%;
 }
-
 .col-xs-offset-1 {
  margin-left: 8.333333333333332%;
 }
-
+.col-xs-offset-0 {
+  margin-left: 0;
+}
@media (min-width: 768px) {
-  .container {
-    width: 750px;
-  }
-  .col-sm-1,
-  .col-sm-2,
-  .col-sm-3,
-  .col-sm-4,
-  .col-sm-5,
-  .col-sm-6,
-  .col-sm-7,
-  .col-sm-8,
-  .col-sm-9,
-  .col-sm-10,
-  .col-sm-11 {
+  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
@ -1181,6 +931,9 @@ pre code {
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
+  .col-sm-pull-0 {
+    right: 0;
+  }
  .col-sm-push-12 {
    left: 100%;
  }
@ -1217,6 +970,9 @@ pre code {
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
+  .col-sm-push-0 {
+    left: 0;
+  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
@ -1253,23 +1009,12 @@ pre code {
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
-}
-
-@media (min-width: 992px) {
-  .container {
-    width: 970px;
+  .col-sm-offset-0 {
+    margin-left: 0;
  }
-  .col-md-1,
-  .col-md-2,
-  .col-md-3,
-  .col-md-4,
-  .col-md-5,
-  .col-md-6,
-  .col-md-7,
-  .col-md-8,
-  .col-md-9,
-  .col-md-10,
-  .col-md-11 {
+}
+@media (min-width: 992px) {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
@ -1344,6 +1089,9 @@ pre code {
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
+  .col-md-pull-0 {
+    right: 0;
+  }
  .col-md-push-12 {
    left: 100%;
  }
@ -1380,6 +1128,9 @@ pre code {
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
+  .col-md-push-0 {
+    left: 0;
+  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
@ -1416,23 +1167,12 @@ pre code {
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
-}
-
-@media (min-width: 1200px) {
-  .container {
-    width: 1170px;
+  .col-md-offset-0 {
+    margin-left: 0;
  }
-  .col-lg-1,
-  .col-lg-2,
-  .col-lg-3,
-  .col-lg-4,
-  .col-lg-5,
-  .col-lg-6,
-  .col-lg-7,
-  .col-lg-8,
-  .col-lg-9,
-  .col-lg-10,
-  .col-lg-11 {
+}
+@media (min-width: 1200px) {
+  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
@ -1507,6 +1247,9 @@ pre code {
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
+  .col-lg-pull-0 {
+    right: 0;
+  }
  .col-lg-push-12 {
    left: 100%;
  }
@ -1543,6 +1286,9 @@ pre code {
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
+  .col-lg-push-0 {
+    left: 0;
+  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
@ -1579,22 +1325,21 @@ pre code {
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
+  .col-lg-offset-0 {
+    margin-left: 0;
+  }
 }
-
 table {
  max-width: 100%;
  background-color: transparent;
 }
-
 th {
  text-align: left;
 }
-
 .table {
  width: 100%;
  margin-bottom: 20px;
 }
-
 .table > thead > tr > th,
 .table > tbody > tr > th,
 .table > tfoot > tr > th,
@ -1604,14 +1349,12 @@ th {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
-
 .table > thead > tr > th {
  vertical-align: bottom;
-  border-bottom: 2px solid #dddddd;
+  border-bottom: 2px solid #ddd;
 }
-
 .table > caption + thead > tr:first-child > th,
 .table > colgroup + thead > tr:first-child > th,
 .table > thead:first-child > tr:first-child > th,
@ -1620,15 +1363,12 @@ th {
 .table > thead:first-child > tr:first-child > td {
  border-top: 0;
 }
-
 .table > tbody + tbody {
-  border-top: 2px solid #dddddd;
+  border-top: 2px solid #ddd;
 }
-
 .table .table {
-  background-color: #ffffff;
+  background-color: #fff;
 }
-
 .table-condensed > thead > tr > th,
 .table-condensed > tbody > tr > th,
 .table-condensed > tfoot > tr > th,
@ -1637,46 +1377,39 @@ th {
 .table-condensed > tfoot > tr > td {
  padding: 5px;
 }
-
 .table-bordered {
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
 }
-
 .table-bordered > thead > tr > th,
 .table-bordered > tbody > tr > th,
 .table-bordered > tfoot > tr > th,
 .table-bordered > thead > tr > td,
 .table-bordered > tbody > tr > td,
 .table-bordered > tfoot > tr > td {
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
 }
-
 .table-bordered > thead > tr > th,
 .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
 }
-
 .table-striped > tbody > tr:nth-child(odd) > td,
 .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
 }
-
 .table-hover > tbody > tr:hover > td,
 .table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
 }
-
 table col[class*="col-"] {
+  position: static;
  display: table-column;
  float: none;
 }
-
 table td[class*="col-"],
 table th[class*="col-"] {
  display: table-cell;
  float: none;
 }
-
 .table > thead > tr > td.active,
 .table > tbody > tr > td.active,
 .table > tfoot > tr > td.active,
@ -1691,7 +1424,12 @@ table th[class*="col-"] {
 .table > tfoot > tr.active > th {
  background-color: #f5f5f5;
 }
-
+.table-hover > tbody > tr > td.active:hover,
+.table-hover > tbody > tr > th.active:hover,
+.table-hover > tbody > tr.active:hover > td,
+.table-hover > tbody > tr.active:hover > th {
+  background-color: #e8e8e8;
+}
 .table > thead > tr > td.success,
 .table > tbody > tr > td.success,
 .table > tfoot > tr > td.success,
@ -1706,36 +1444,12 @@ table th[class*="col-"] {
 .table > tfoot > tr.success > th {
  background-color: #dff0d8;
 }
-
 .table-hover > tbody > tr > td.success:hover,
 .table-hover > tbody > tr > th.success:hover,
 .table-hover > tbody > tr.success:hover > td,
 .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
 }
-
-.table > thead > tr > td.danger,
-.table > tbody > tr > td.danger,
-.table > tfoot > tr > td.danger,
-.table > thead > tr > th.danger,
-.table > tbody > tr > th.danger,
-.table > tfoot > tr > th.danger,
-.table > thead > tr.danger > td,
-.table > tbody > tr.danger > td,
-.table > tfoot > tr.danger > td,
-.table > thead > tr.danger > th,
-.table > tbody > tr.danger > th,
-.table > tfoot > tr.danger > th {
-  background-color: #f2dede;
-}
-
-.table-hover > tbody > tr > td.danger:hover,
-.table-hover > tbody > tr > th.danger:hover,
-.table-hover > tbody > tr.danger:hover > td,
-.table-hover > tbody > tr.danger:hover > th {
-  background-color: #ebcccc;
-}
-
 .table > thead > tr > td.warning,
 .table > tbody > tr > td.warning,
 .table > tfoot > tr > td.warning,
@ -1750,22 +1464,60 @@ table th[class*="col-"] {
 .table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
 }
-
 .table-hover > tbody > tr > td.warning:hover,
 .table-hover > tbody > tr > th.warning:hover,
 .table-hover > tbody > tr.warning:hover > td,
 .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
 }
-
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+  background-color: #f2dede;
+}
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td,
+.table-hover > tbody > tr.danger:hover > th {
+  background-color: #ebcccc;
+}
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+  background-color: #d9edf7;
+}
+.table-hover > tbody > tr > td.info:hover,
+.table-hover > tbody > tr > th.info:hover,
+.table-hover > tbody > tr.info:hover > td,
+.table-hover > tbody > tr.info:hover > th {
+  background-color: #c4e3f3;
+}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
-    border: 1px solid #dddddd;
    -ms-overflow-style: -ms-autohiding-scrollbar;
+    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
@ -1805,13 +1557,11 @@ table th[class*="col-"] {
    border-bottom: 0;
  }
 }
-
 fieldset {
  padding: 0;
  margin: 0;
  border: 0;
 }
-
 legend {
  display: block;
  width: 100%;
@ -1819,85 +1569,57 @@ legend {
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
-  color: #333333;
+  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
 }
-
 label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
 }
-
 input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 }
-
 input[type="radio"],
 input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
-
  line-height: normal;
 }
-
 input[type="file"] {
  display: block;
 }
-
 select[multiple],
 select[size] {
  height: auto;
 }
-
 select optgroup {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
 }
-
 input[type="file"]:focus,
 input[type="radio"]:focus,
 input[type="checkbox"]:focus {
-  outline: thin dotted #333;
+  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
 }
-
 input[type="number"]::-webkit-outer-spin-button,
 input[type="number"]::-webkit-inner-spin-button {
  height: auto;
 }
-
 output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
-  color: #555555;
-  vertical-align: middle;
+  color: #555;
 }
-
-.form-control:-moz-placeholder {
-  color: #999999;
-}
-
-.form-control::-moz-placeholder {
-  color: #999999;
-}
-
-.form-control:-ms-input-placeholder {
-  color: #999999;
-}
-
-.form-control::-webkit-input-placeholder {
-  color: #999999;
-}
-
 .form-control {
  display: block;
  width: 100%;
@ -1905,40 +1627,47 @@ output {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
-  color: #555555;
-  vertical-align: middle;
-  background-color: #ffffff;
+  color: #555;
+  background-color: #fff;
  background-image: none;
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 }
-
 .form-control:focus {
  border-color: #66afe9;
  outline: 0;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
+          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
+}
+.form-control:-moz-placeholder {
+  color: #999;
+}
+.form-control::-moz-placeholder {
+  color: #999;
+  opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+  color: #999;
+}
+.form-control::-webkit-input-placeholder {
+  color: #999;
 }
-
 .form-control[disabled],
 .form-control[readonly],
 fieldset[disabled] .form-control {
  cursor: not-allowed;
-  background-color: #eeeeee;
+  background-color: #eee;
 }
-
 textarea.form-control {
  height: auto;
 }
-
 .form-group {
  margin-bottom: 15px;
 }
-
 .radio,
 .checkbox {
  display: block;
@ -1946,17 +1675,13 @@ textarea.form-control {
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
-  vertical-align: middle;
 }
-
 .radio label,
 .checkbox label {
  display: inline;
-  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
 }
-
 .radio input[type="radio"],
 .radio-inline input[type="radio"],
 .checkbox input[type="checkbox"],
@ -1964,12 +1689,10 @@ textarea.form-control {
  float: left;
  margin-left: -20px;
 }
-
 .radio + .radio,
 .checkbox + .checkbox {
  margin-top: -5px;
 }
-
 .radio-inline,
 .checkbox-inline {
  display: inline-block;
@ -1979,13 +1702,11 @@ textarea.form-control {
  vertical-align: middle;
  cursor: pointer;
 }
-
 .radio-inline + .radio-inline,
 .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
 }
-
 input[type="radio"][disabled],
 input[type="checkbox"][disabled],
 .radio[disabled],
@ -2000,7 +1721,6 @@ fieldset[disabled] .checkbox,
 fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
 }
-
 .input-sm {
  height: 30px;
  padding: 5px 10px;
@ -2008,125 +1728,105 @@ fieldset[disabled] .checkbox-inline {
  line-height: 1.5;
  border-radius: 3px;
 }
-
 select.input-sm {
  height: 30px;
  line-height: 30px;
 }
-
 textarea.input-sm {
  height: auto;
 }
-
 .input-lg {
-  height: 45px;
+  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
 }
-
 select.input-lg {
-  height: 45px;
-  line-height: 45px;
+  height: 46px;
+  line-height: 46px;
 }
-
 textarea.input-lg {
  height: auto;
 }
-
 .has-warning .help-block,
 .has-warning .control-label,
 .has-warning .radio,
 .has-warning .checkbox,
 .has-warning .radio-inline,
 .has-warning .checkbox-inline {
-  color: #c09853;
+  color: #8a6d3b;
 }
-
 .has-warning .form-control {
-  border-color: #c09853;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  border-color: #8a6d3b;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 }
-
 .has-warning .form-control:focus {
-  border-color: #a47e3c;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
+  border-color: #66512c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
 }
-
 .has-warning .input-group-addon {
-  color: #c09853;
+  color: #8a6d3b;
  background-color: #fcf8e3;
-  border-color: #c09853;
+  border-color: #8a6d3b;
 }
-
 .has-error .help-block,
 .has-error .control-label,
 .has-error .radio,
 .has-error .checkbox,
 .has-error .radio-inline,
 .has-error .checkbox-inline {
-  color: #b94a48;
+  color: #a94442;
 }
-
 .has-error .form-control {
-  border-color: #b94a48;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  border-color: #a94442;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 }
-
 .has-error .form-control:focus {
-  border-color: #953b39;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
+  border-color: #843534;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
 }
-
 .has-error .input-group-addon {
-  color: #b94a48;
+  color: #a94442;
  background-color: #f2dede;
-  border-color: #b94a48;
+  border-color: #a94442;
 }
-
 .has-success .help-block,
 .has-success .control-label,
 .has-success .radio,
 .has-success .checkbox,
 .has-success .radio-inline,
 .has-success .checkbox-inline {
-  color: #468847;
+  color: #3c763d;
 }
-
 .has-success .form-control {
-  border-color: #468847;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  border-color: #3c763d;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 }
-
 .has-success .form-control:focus {
-  border-color: #356635;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
+  border-color: #2b542c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
 }
-
 .has-success .input-group-addon {
-  color: #468847;
+  color: #3c763d;
  background-color: #dff0d8;
-  border-color: #468847;
+  border-color: #3c763d;
 }
-
 .form-control-static {
  margin-bottom: 0;
 }
-
 .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
 }
-
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
@ -2135,6 +1835,10 @@ textarea.input-lg {
  }
  .form-inline .form-control {
    display: inline-block;
+    vertical-align: middle;
+  }
+  .form-inline select.form-control {
+    width: auto;
  }
  .form-inline .radio,
  .form-inline .checkbox {
@ -2142,6 +1846,7 @@ textarea.input-lg {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
+    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
@ -2149,7 +1854,6 @@ textarea.input-lg {
    margin-left: 0;
  }
 }
-
 .form-horizontal .control-label,
 .form-horizontal .radio,
 .form-horizontal .checkbox,
@ -2159,45 +1863,26 @@ textarea.input-lg {
  margin-top: 0;
  margin-bottom: 0;
 }
-
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+  min-height: 27px;
+}
 .form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
 }
-
-.form-horizontal .form-group:before,
-.form-horizontal .form-group:after {
-  display: table;
-  content: " ";
-}
-
-.form-horizontal .form-group:after {
-  clear: both;
-}
-
-.form-horizontal .form-group:before,
-.form-horizontal .form-group:after {
-  display: table;
-  content: " ";
-}
-
-.form-horizontal .form-group:after {
-  clear: both;
-}
-
 .form-horizontal .form-control-static {
  padding-top: 7px;
 }
-
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
 }
-
 .btn {
  display: inline-block;
  padding: 6px 12px;
+       -o-user-select: none;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
@ -2206,69 +1891,60 @@ textarea.input-lg {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
-  background-image: none;
-  border: 1px solid transparent;
-  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
-       -o-user-select: none;
          user-select: none;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
 }
-
 .btn:focus {
-  outline: thin dotted #333;
+  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
 }
-
 .btn:hover,
 .btn:focus {
-  color: #333333;
+  color: #333;
  text-decoration: none;
 }
-
 .btn:active,
 .btn.active {
  background-image: none;
  outline: 0;
-  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 }
-
 .btn.disabled,
 .btn[disabled],
 fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
-  opacity: 0.65;
+  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
 }
-
 .btn-default {
-  color: #333333;
-  background-color: #ffffff;
-  border-color: #cccccc;
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc;
 }
-
 .btn-default:hover,
 .btn-default:focus,
 .btn-default:active,
 .btn-default.active,
 .open .dropdown-toggle.btn-default {
-  color: #333333;
+  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
 }
-
 .btn-default:active,
 .btn-default.active,
 .open .dropdown-toggle.btn-default {
  background-image: none;
 }
-
 .btn-default.disabled,
 .btn-default[disabled],
 fieldset[disabled] .btn-default,
@ -2284,32 +1960,32 @@ fieldset[disabled] .btn-default:active,
 .btn-default.disabled.active,
 .btn-default[disabled].active,
 fieldset[disabled] .btn-default.active {
-  background-color: #ffffff;
-  border-color: #cccccc;
+  background-color: #fff;
+  border-color: #ccc;
+}
+.btn-default .badge {
+  color: #fff;
+  background-color: #333;
 }
-
 .btn-primary {
-  color: #ffffff;
+  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
 }
-
 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active,
 .btn-primary.active,
 .open .dropdown-toggle.btn-primary {
-  color: #ffffff;
+  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
 }
-
 .btn-primary:active,
 .btn-primary.active,
 .open .dropdown-toggle.btn-primary {
  background-image: none;
 }
-
 .btn-primary.disabled,
 .btn-primary[disabled],
 fieldset[disabled] .btn-primary,
@ -2328,111 +2004,29 @@ fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
 }
-
-.btn-warning {
-  color: #ffffff;
-  background-color: #f0ad4e;
-  border-color: #eea236;
+.btn-primary .badge {
+  color: #428bca;
+  background-color: #fff;
 }
-
-.btn-warning:hover,
-.btn-warning:focus,
-.btn-warning:active,
-.btn-warning.active,
-.open .dropdown-toggle.btn-warning {
-  color: #ffffff;
-  background-color: #ed9c28;
-  border-color: #d58512;
-}
-
-.btn-warning:active,
-.btn-warning.active,
-.open .dropdown-toggle.btn-warning {
-  background-image: none;
-}
-
-.btn-warning.disabled,
-.btn-warning[disabled],
-fieldset[disabled] .btn-warning,
-.btn-warning.disabled:hover,
-.btn-warning[disabled]:hover,
-fieldset[disabled] .btn-warning:hover,
-.btn-warning.disabled:focus,
-.btn-warning[disabled]:focus,
-fieldset[disabled] .btn-warning:focus,
-.btn-warning.disabled:active,
-.btn-warning[disabled]:active,
-fieldset[disabled] .btn-warning:active,
-.btn-warning.disabled.active,
-.btn-warning[disabled].active,
-fieldset[disabled] .btn-warning.active {
-  background-color: #f0ad4e;
-  border-color: #eea236;
-}
-
-.btn-danger {
-  color: #ffffff;
-  background-color: #d9534f;
-  border-color: #d43f3a;
-}
-
-.btn-danger:hover,
-.btn-danger:focus,
-.btn-danger:active,
-.btn-danger.active,
-.open .dropdown-toggle.btn-danger {
-  color: #ffffff;
-  background-color: #d2322d;
-  border-color: #ac2925;
-}
-
-.btn-danger:active,
-.btn-danger.active,
-.open .dropdown-toggle.btn-danger {
-  background-image: none;
-}
-
-.btn-danger.disabled,
-.btn-danger[disabled],
-fieldset[disabled] .btn-danger,
-.btn-danger.disabled:hover,
-.btn-danger[disabled]:hover,
-fieldset[disabled] .btn-danger:hover,
-.btn-danger.disabled:focus,
-.btn-danger[disabled]:focus,
-fieldset[disabled] .btn-danger:focus,
-.btn-danger.disabled:active,
-.btn-danger[disabled]:active,
-fieldset[disabled] .btn-danger:active,
-.btn-danger.disabled.active,
-.btn-danger[disabled].active,
-fieldset[disabled] .btn-danger.active {
-  background-color: #d9534f;
-  border-color: #d43f3a;
-}
-
 .btn-success {
-  color: #ffffff;
+  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
 }
-
 .btn-success:hover,
 .btn-success:focus,
 .btn-success:active,
 .btn-success.active,
 .open .dropdown-toggle.btn-success {
-  color: #ffffff;
+  color: #fff;
  background-color: #47a447;
  border-color: #398439;
 }
-
 .btn-success:active,
 .btn-success.active,
 .open .dropdown-toggle.btn-success {
  background-image: none;
 }
-
 .btn-success.disabled,
 .btn-success[disabled],
 fieldset[disabled] .btn-success,
@ -2451,29 +2045,111 @@ fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
 }
-
+.btn-success .badge {
+  color: #5cb85c;
+  background-color: #fff;
+}
+.btn-warning {
+  color: #fff;
+  background-color: #f0ad4e;
+  border-color: #eea236;
+}
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+  color: #fff;
+  background-color: #ed9c28;
+  border-color: #d58512;
+}
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+  background-image: none;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #f0ad4e;
+  border-color: #eea236;
+}
+.btn-warning .badge {
+  color: #f0ad4e;
+  background-color: #fff;
+}
+.btn-danger {
+  color: #fff;
+  background-color: #d9534f;
+  border-color: #d43f3a;
+}
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+  color: #fff;
+  background-color: #d2322d;
+  border-color: #ac2925;
+}
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+  background-image: none;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #d9534f;
+  border-color: #d43f3a;
+}
+.btn-danger .badge {
+  color: #d9534f;
+  background-color: #fff;
+}
 .btn-info {
-  color: #ffffff;
+  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
 }
-
 .btn-info:hover,
 .btn-info:focus,
 .btn-info:active,
 .btn-info.active,
 .open .dropdown-toggle.btn-info {
-  color: #ffffff;
+  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
 }
-
 .btn-info:active,
 .btn-info.active,
 .open .dropdown-toggle.btn-info {
  background-image: none;
 }
-
 .btn-info.disabled,
 .btn-info[disabled],
 fieldset[disabled] .btn-info,
@ -2492,14 +2168,16 @@ fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
 }
-
+.btn-info .badge {
+  color: #5bc0de;
+  background-color: #fff;
+}
 .btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
 }
-
 .btn-link,
 .btn-link:active,
 .btn-link[disabled],
@ -2508,933 +2186,713 @@ fieldset[disabled] .btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
 }
-
 .btn-link,
 .btn-link:hover,
 .btn-link:focus,
 .btn-link:active {
  border-color: transparent;
 }
-
 .btn-link:hover,
 .btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
 }
-
 .btn-link[disabled]:hover,
 fieldset[disabled] .btn-link:hover,
 .btn-link[disabled]:focus,
 fieldset[disabled] .btn-link:focus {
-  color: #999999;
+  color: #999;
  text-decoration: none;
 }
-
 .btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
 }
-
-.btn-sm,
-.btn-xs {
+.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
 }
-
 .btn-xs {
  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
 }
-
 .btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
 }
-
 .btn-block + .btn-block {
  margin-top: 5px;
 }
-
 input[type="submit"].btn-block,
 input[type="reset"].btn-block,
 input[type="button"].btn-block {
  width: 100%;
 }
-
 .fade {
  opacity: 0;
-  -webkit-transition: opacity 0.15s linear;
-          transition: opacity 0.15s linear;
+  -webkit-transition: opacity .15s linear;
+          transition: opacity .15s linear;
 }
-
 .fade.in {
  opacity: 1;
 }
-
 .collapse {
  display: none;
 }
-
 .collapse.in {
  display: block;
 }
-
 .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
-  -webkit-transition: height 0.35s ease;
-          transition: height 0.35s ease;
+  -webkit-transition: height .35s ease;
+          transition: height .35s ease;
 }
-
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
-  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
 }
-
 .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
-  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
+  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
-
 .glyphicon:empty {
  width: 1em;
 }
-
 .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-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-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-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-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";
 }
-
 .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
-  border-top: 4px solid #000000;
+  border-top: 4px solid;
  border-right: 4px solid transparent;
-  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
 }
-
 .dropdown {
  position: relative;
 }
-
 .dropdown-toggle:focus {
  outline: 0;
 }
-
 .dropdown-menu {
  position: absolute;
  top: 100%;
@ -3447,84 +2905,81 @@ input[type="button"].btn-block {
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
-  background-color: #ffffff;
-  border: 1px solid #cccccc;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 4px;
-  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  background-color: #fff;
  background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, .15);
+  border-radius: 4px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 }
-
 .dropdown-menu.pull-right {
  right: 0;
  left: auto;
 }
-
 .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
 }
-
 .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
-  color: #333333;
+  color: #333;
  white-space: nowrap;
 }
-
 .dropdown-menu > li > a:hover,
 .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
 }
-
 .dropdown-menu > .active > a,
 .dropdown-menu > .active > a:hover,
 .dropdown-menu > .active > a:focus {
-  color: #ffffff;
+  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
 }
-
 .dropdown-menu > .disabled > a,
 .dropdown-menu > .disabled > a:hover,
 .dropdown-menu > .disabled > a:focus {
-  color: #999999;
+  color: #999;
 }
-
 .dropdown-menu > .disabled > a:hover,
 .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }
-
 .open > .dropdown-menu {
  display: block;
 }
-
 .open > a {
  outline: 0;
 }
-
+.dropdown-menu-right {
+  right: 0;
+  left: auto;
+}
+.dropdown-menu-left {
+  right: auto;
+  left: 0;
+}
 .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
-  color: #999999;
+  color: #999;
 }
-
 .dropdown-backdrop {
  position: fixed;
  top: 0;
@ -3533,70 +2988,43 @@ input[type="button"].btn-block {
  left: 0;
  z-index: 990;
 }
-
 .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
 }
-
 .dropup .caret,
 .navbar-fixed-bottom .dropdown .caret {
-  border-top: 0 dotted;
-  border-bottom: 4px solid #000000;
  content: "";
+  border-top: 0;
+  border-bottom: 4px solid;
 }
-
 .dropup .dropdown-menu,
 .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
 }
-
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
+  .navbar-right .dropdown-menu-left {
+    right: auto;
+    left: 0;
+  }
 }
-
-.btn-default .caret {
-  border-top-color: #333333;
-}
-
-.btn-primary .caret,
-.btn-success .caret,
-.btn-warning .caret,
-.btn-danger .caret,
-.btn-info .caret {
-  border-top-color: #fff;
-}
-
-.dropup .btn-default .caret {
-  border-bottom-color: #333333;
-}
-
-.dropup .btn-primary .caret,
-.dropup .btn-success .caret,
-.dropup .btn-warning .caret,
-.dropup .btn-danger .caret,
-.dropup .btn-info .caret {
-  border-bottom-color: #fff;
-}
-
 .btn-group,
 .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
 }
-
 .btn-group > .btn,
 .btn-group-vertical > .btn {
  position: relative;
  float: left;
 }
-
 .btn-group > .btn:hover,
 .btn-group-vertical > .btn:hover,
 .btn-group > .btn:focus,
@ -3607,180 +3035,117 @@ input[type="button"].btn-block {
 .btn-group-vertical > .btn.active {
  z-index: 2;
 }
-
 .btn-group > .btn:focus,
 .btn-group-vertical > .btn:focus {
  outline: none;
 }
-
 .btn-group .btn + .btn,
 .btn-group .btn + .btn-group,
 .btn-group .btn-group + .btn,
 .btn-group .btn-group + .btn-group {
  margin-left: -1px;
 }
-
-.btn-toolbar:before,
-.btn-toolbar:after {
-  display: table;
-  content: " ";
+.btn-toolbar {
+  margin-left: -5px;
 }
-
-.btn-toolbar:after {
-  clear: both;
-}
-
-.btn-toolbar:before,
-.btn-toolbar:after {
-  display: table;
-  content: " ";
-}
-
-.btn-toolbar:after {
-  clear: both;
-}
-
-.btn-toolbar .btn-group {
+.btn-toolbar .btn-group,
+.btn-toolbar .input-group {
  float: left;
 }
-
-.btn-toolbar > .btn + .btn,
-.btn-toolbar > .btn-group + .btn,
-.btn-toolbar > .btn + .btn-group,
-.btn-toolbar > .btn-group + .btn-group {
+.btn-toolbar > .btn,
+.btn-toolbar > .btn-group,
+.btn-toolbar > .input-group {
  margin-left: 5px;
 }
-
 .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
 }
-
 .btn-group > .btn:first-child {
  margin-left: 0;
 }
-
 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
 }
-
 .btn-group > .btn:last-child:not(:first-child),
 .btn-group > .dropdown-toggle:not(:first-child) {
-  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
-
 .btn-group > .btn-group {
  float: left;
 }
-
 .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
 }
-
 .btn-group > .btn-group:first-child > .btn:last-child,
 .btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
 }
-
 .btn-group > .btn-group:last-child > .btn:first-child {
-  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
-
 .btn-group .dropdown-toggle:active,
 .btn-group.open .dropdown-toggle {
  outline: 0;
 }
-
 .btn-group-xs > .btn {
-  padding: 5px 10px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
 }
-
 .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
 }
-
 .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
 }
-
 .btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
 }
-
 .btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
 }
-
 .btn-group.open .dropdown-toggle {
-  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 }
-
 .btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
 }
-
 .btn .caret {
  margin-left: 0;
 }
-
 .btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
 }
-
 .dropup .btn-lg .caret {
  border-width: 0 5px 5px;
 }
-
 .btn-group-vertical > .btn,
-.btn-group-vertical > .btn-group {
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
 }
-
-.btn-group-vertical > .btn-group:before,
-.btn-group-vertical > .btn-group:after {
-  display: table;
-  content: " ";
-}
-
-.btn-group-vertical > .btn-group:after {
-  clear: both;
-}
-
-.btn-group-vertical > .btn-group:before,
-.btn-group-vertical > .btn-group:after {
-  display: table;
-  content: " ";
-}
-
-.btn-group-vertical > .btn-group:after {
-  clear: both;
-}
-
 .btn-group-vertical > .btn-group > .btn {
  float: none;
 }
-
 .btn-group-vertical > .btn + .btn,
 .btn-group-vertical > .btn + .btn-group,
 .btn-group-vertical > .btn-group + .btn,
@ -3788,96 +3153,84 @@ input[type="button"].btn-block {
  margin-top: -1px;
  margin-left: 0;
 }
-
 .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
 }
-
 .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
 }
-
 .btn-group-vertical > .btn:last-child:not(:first-child) {
+  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
-  border-top-left-radius: 0;
 }
-
 .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
 }
-
 .btn-group-vertical > .btn-group:first-child > .btn:last-child,
 .btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
 }
-
 .btn-group-vertical > .btn-group:last-child > .btn:first-child {
-  border-top-right-radius: 0;
  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
-
 .btn-group-justified {
  display: table;
  width: 100%;
-  border-collapse: separate;
  table-layout: fixed;
+  border-collapse: separate;
 }
-
-.btn-group-justified .btn {
+.btn-group-justified > .btn,
+.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
 }
-
+.btn-group-justified > .btn-group .btn {
+  width: 100%;
+}
 [data-toggle="buttons"] > .btn > input[type="radio"],
 [data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
 }
-
 .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
 }
-
-.input-group.col {
+.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
 }
-
 .input-group .form-control {
  width: 100%;
  margin-bottom: 0;
 }
-
 .input-group-lg > .form-control,
 .input-group-lg > .input-group-addon,
 .input-group-lg > .input-group-btn > .btn {
-  height: 45px;
+  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
 }
-
 select.input-group-lg > .form-control,
 select.input-group-lg > .input-group-addon,
 select.input-group-lg > .input-group-btn > .btn {
-  height: 45px;
-  line-height: 45px;
+  height: 46px;
+  line-height: 46px;
 }
-
 textarea.input-group-lg > .form-control,
 textarea.input-group-lg > .input-group-addon,
 textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
 }
-
 .input-group-sm > .form-control,
 .input-group-sm > .input-group-addon,
 .input-group-sm > .input-group-btn > .btn {
@ -3887,68 +3240,58 @@ textarea.input-group-lg > .input-group-btn > .btn {
  line-height: 1.5;
  border-radius: 3px;
 }
-
 select.input-group-sm > .form-control,
 select.input-group-sm > .input-group-addon,
 select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
 }
-
 textarea.input-group-sm > .form-control,
 textarea.input-group-sm > .input-group-addon,
 textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
 }
-
 .input-group-addon,
 .input-group-btn,
 .input-group .form-control {
  display: table-cell;
 }
-
 .input-group-addon:not(:first-child):not(:last-child),
 .input-group-btn:not(:first-child):not(:last-child),
 .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
 }
-
 .input-group-addon,
 .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
 }
-
 .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
-  color: #555555;
+  color: #555;
  text-align: center;
-  background-color: #eeeeee;
-  border: 1px solid #cccccc;
+  background-color: #eee;
+  border: 1px solid #ccc;
  border-radius: 4px;
 }
-
 .input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
 }
-
 .input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
 }
-
 .input-group-addon input[type="radio"],
 .input-group-addon input[type="checkbox"] {
  margin-top: 0;
 }
-
 .input-group .form-control:first-child,
 .input-group-addon:first-child,
 .input-group-btn:first-child > .btn,
@ -3957,179 +3300,124 @@ textarea.input-group-sm > .input-group-btn > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
 }
-
 .input-group-addon:first-child {
  border-right: 0;
 }
-
 .input-group .form-control:last-child,
 .input-group-addon:last-child,
 .input-group-btn:last-child > .btn,
 .input-group-btn:last-child > .dropdown-toggle,
 .input-group-btn:first-child > .btn:not(:first-child) {
-  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
-
 .input-group-addon:last-child {
  border-left: 0;
 }
-
 .input-group-btn {
  position: relative;
  white-space: nowrap;
 }
-
 .input-group-btn:first-child > .btn {
  margin-right: -1px;
 }
-
 .input-group-btn:last-child > .btn {
  margin-left: -1px;
 }
-
 .input-group-btn > .btn {
  position: relative;
 }
-
 .input-group-btn > .btn + .btn {
  margin-left: -4px;
 }
-
 .input-group-btn > .btn:hover,
 .input-group-btn > .btn:active {
  z-index: 2;
 }
-
 .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
 }
-
-.nav:before,
-.nav:after {
-  display: table;
-  content: " ";
-}
-
-.nav:after {
-  clear: both;
-}
-
-.nav:before,
-.nav:after {
-  display: table;
-  content: " ";
-}
-
-.nav:after {
-  clear: both;
-}
-
 .nav > li {
  position: relative;
  display: block;
 }
-
 .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
 }
-
 .nav > li > a:hover,
 .nav > li > a:focus {
  text-decoration: none;
-  background-color: #eeeeee;
+  background-color: #eee;
 }
-
 .nav > li.disabled > a {
-  color: #999999;
+  color: #999;
 }
-
 .nav > li.disabled > a:hover,
 .nav > li.disabled > a:focus {
-  color: #999999;
+  color: #999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
 }
-
 .nav .open > a,
 .nav .open > a:hover,
 .nav .open > a:focus {
-  background-color: #eeeeee;
+  background-color: #eee;
  border-color: #428bca;
 }
-
-.nav .open > a .caret,
-.nav .open > a:hover .caret,
-.nav .open > a:focus .caret {
-  border-top-color: #2a6496;
-  border-bottom-color: #2a6496;
-}
-
 .nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
 }
-
 .nav > li > a > img {
  max-width: none;
 }
-
 .nav-tabs {
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
 }
-
 .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
 }
-
 .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
 }
-
 .nav-tabs > li > a:hover {
-  border-color: #eeeeee #eeeeee #dddddd;
+  border-color: #eee #eee #ddd;
 }
-
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
 .nav-tabs > li.active > a:focus {
-  color: #555555;
+  color: #555;
  cursor: default;
-  background-color: #ffffff;
-  border: 1px solid #dddddd;
+  background-color: #fff;
+  border: 1px solid #ddd;
  border-bottom-color: transparent;
 }
-
 .nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
 }
-
 .nav-tabs.nav-justified > li {
  float: none;
 }
-
 .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
 }
-
 .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
 }
-
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
@ -4139,83 +3427,62 @@ textarea.input-group-sm > .input-group-btn > .btn {
    margin-bottom: 0;
  }
 }
-
 .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
 }
-
 .nav-tabs.nav-justified > .active > a,
 .nav-tabs.nav-justified > .active > a:hover,
 .nav-tabs.nav-justified > .active > a:focus {
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
 }
-
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
-    border-bottom: 1px solid #dddddd;
+    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
-    border-bottom-color: #ffffff;
+    border-bottom-color: #fff;
  }
 }
-
 .nav-pills > li {
  float: left;
 }
-
 .nav-pills > li > a {
  border-radius: 4px;
 }
-
 .nav-pills > li + li {
  margin-left: 2px;
 }
-
 .nav-pills > li.active > a,
 .nav-pills > li.active > a:hover,
 .nav-pills > li.active > a:focus {
-  color: #ffffff;
+  color: #fff;
  background-color: #428bca;
 }
-
-.nav-pills > li.active > a .caret,
-.nav-pills > li.active > a:hover .caret,
-.nav-pills > li.active > a:focus .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
-}
-
 .nav-stacked > li {
  float: none;
 }
-
 .nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
 }
-
 .nav-justified {
  width: 100%;
 }
-
 .nav-justified > li {
  float: none;
 }
-
 .nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
 }
-
 .nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
 }
-
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
@ -4225,151 +3492,68 @@ textarea.input-group-sm > .input-group-btn > .btn {
    margin-bottom: 0;
  }
 }
-
 .nav-tabs-justified {
  border-bottom: 0;
 }
-
 .nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
 }
-
 .nav-tabs-justified > .active > a,
 .nav-tabs-justified > .active > a:hover,
 .nav-tabs-justified > .active > a:focus {
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
 }
-
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
-    border-bottom: 1px solid #dddddd;
+    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
-    border-bottom-color: #ffffff;
+    border-bottom-color: #fff;
  }
 }
-
 .tab-content > .tab-pane {
  display: none;
 }
-
 .tab-content > .active {
  display: block;
 }
-
-.nav .caret {
-  border-top-color: #428bca;
-  border-bottom-color: #428bca;
-}
-
-.nav a:hover .caret {
-  border-top-color: #2a6496;
-  border-bottom-color: #2a6496;
-}
-
 .nav-tabs .dropdown-menu {
  margin-top: -1px;
-  border-top-right-radius: 0;
  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
-
 .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
 }
-
-.navbar:before,
-.navbar:after {
-  display: table;
-  content: " ";
-}
-
-.navbar:after {
-  clear: both;
-}
-
-.navbar:before,
-.navbar:after {
-  display: table;
-  content: " ";
-}
-
-.navbar:after {
-  clear: both;
-}
-
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
 }
-
-.navbar-header:before,
-.navbar-header:after {
-  display: table;
-  content: " ";
-}
-
-.navbar-header:after {
-  clear: both;
-}
-
-.navbar-header:before,
-.navbar-header:after {
-  display: table;
-  content: " ";
-}
-
-.navbar-header:after {
-  clear: both;
-}
-
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
 }
-
 .navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  -webkit-overflow-scrolling: touch;
 }
-
-.navbar-collapse:before,
-.navbar-collapse:after {
-  display: table;
-  content: " ";
-}
-
-.navbar-collapse:after {
-  clear: both;
-}
-
-.navbar-collapse:before,
-.navbar-collapse:after {
-  display: table;
-  content: " ";
-}
-
-.navbar-collapse:after {
-  clear: both;
-}
-
 .navbar-collapse.in {
  overflow-y: auto;
 }
-
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
@ -4383,44 +3567,40 @@ textarea.input-group-sm > .input-group-btn > .btn {
    overflow: visible !important;
  }
  .navbar-collapse.in {
-    overflow-y: auto;
+    overflow-y: visible;
  }
-  .navbar-collapse .navbar-nav.navbar-left:first-child {
-    margin-left: -15px;
-  }
-  .navbar-collapse .navbar-nav.navbar-right:last-child {
-    margin-right: -15px;
-  }
-  .navbar-collapse .navbar-text:last-child {
-    margin-right: 0;
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-static-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    padding-right: 0;
+    padding-left: 0;
  }
 }
-
 .container > .navbar-header,
-.container > .navbar-collapse {
+.container-fluid > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
 }
-
@media (min-width: 768px) {
  .container > .navbar-header,
-  .container > .navbar-collapse {
+  .container-fluid > .navbar-header,
+  .container > .navbar-collapse,
+  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
 }
-
 .navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
 }
-
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
 }
-
 .navbar-fixed-top,
 .navbar-fixed-bottom {
  position: fixed;
@ -4428,43 +3608,42 @@ textarea.input-group-sm > .input-group-btn > .btn {
  left: 0;
  z-index: 1030;
 }
-
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
 }
-
 .navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
 }
-
 .navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
 }
-
 .navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
 }
-
 .navbar-brand:hover,
 .navbar-brand:focus {
  text-decoration: none;
 }
-
+.navbar-brand > .glyphicon {
+  float: left;
+  margin-top: -2px;
+  margin-right: 5px;
+}
@media (min-width: 768px) {
-  .navbar > .container .navbar-brand {
+  .navbar > .container .navbar-brand,
+  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
 }
-
 .navbar-toggle {
  position: relative;
  float: right;
@ -4473,37 +3652,32 @@ textarea.input-group-sm > .input-group-btn > .btn {
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
+  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
 }
-
 .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
 }
-
 .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
 }
-
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
 }
-
 .navbar-nav {
  margin: 7.5px -15px;
 }
-
 .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
 }
-
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
@ -4526,7 +3700,6 @@ textarea.input-group-sm > .input-group-btn > .btn {
    background-image: none;
  }
 }
-
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
@ -4539,8 +3712,10 @@ textarea.input-group-sm > .input-group-btn > .btn {
    padding-top: 15px;
    padding-bottom: 15px;
  }
+  .navbar-nav.navbar-right:last-child {
+    margin-right: -15px;
+  }
 }
-
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
@ -4549,7 +3724,6 @@ textarea.input-group-sm > .input-group-btn > .btn {
    float: right !important;
  }
 }
-
 .navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
@ -4558,10 +3732,9 @@ textarea.input-group-sm > .input-group-btn > .btn {
  margin-left: -15px;
  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);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
 }
-
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
@ -4570,6 +3743,10 @@ textarea.input-group-sm > .input-group-btn > .btn {
  }
  .navbar-form .form-control {
    display: inline-block;
+    vertical-align: middle;
+  }
+  .navbar-form select.form-control {
+    width: auto;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
@ -4577,6 +3754,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
+    vertical-align: middle;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
@ -4584,13 +3762,11 @@ textarea.input-group-sm > .input-group-btn > .btn {
    margin-left: 0;
  }
 }
-
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
 }
-
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
@ -4602,279 +3778,217 @@ textarea.input-group-sm > .input-group-btn > .btn {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
+  .navbar-form.navbar-right:last-child {
+    margin-right: -15px;
+  }
 }
-
 .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
-  border-top-right-radius: 0;
  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
-
 .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
 }
-
-.navbar-nav.pull-right > li > .dropdown-menu,
-.navbar-nav > li > .dropdown-menu.pull-right {
-  right: 0;
-  left: auto;
-}
-
 .navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
 }
-
+.navbar-btn.btn-sm {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.navbar-btn.btn-xs {
+  margin-top: 14px;
+  margin-bottom: 14px;
+}
 .navbar-text {
-  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
 }
-
@media (min-width: 768px) {
  .navbar-text {
+    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
+  .navbar-text.navbar-right:last-child {
+    margin-right: 0;
+  }
 }
-
 .navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
 }
-
 .navbar-default .navbar-brand {
-  color: #777777;
+  color: #777;
 }
-
 .navbar-default .navbar-brand:hover,
 .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
 }
-
 .navbar-default .navbar-text {
-  color: #777777;
+  color: #777;
 }
-
 .navbar-default .navbar-nav > li > a {
-  color: #777777;
+  color: #777;
 }
-
 .navbar-default .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:focus {
-  color: #333333;
+  color: #333;
  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;
+  color: #555;
  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;
+  color: #ccc;
  background-color: transparent;
 }
-
 .navbar-default .navbar-toggle {
-  border-color: #dddddd;
+  border-color: #ddd;
 }
-
 .navbar-default .navbar-toggle:hover,
 .navbar-default .navbar-toggle:focus {
-  background-color: #dddddd;
+  background-color: #ddd;
 }
-
 .navbar-default .navbar-toggle .icon-bar {
-  background-color: #cccccc;
+  background-color: #888;
 }
-
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
  border-color: #e7e7e7;
 }
-
-.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;
+  color: #555;
  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;
+    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #333333;
+    color: #333;
    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;
+    color: #555;
    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;
+    color: #ccc;
    background-color: transparent;
  }
 }
-
 .navbar-default .navbar-link {
-  color: #777777;
+  color: #777;
 }
-
 .navbar-default .navbar-link:hover {
-  color: #333333;
+  color: #333;
 }
-
 .navbar-inverse {
-  background-color: #222222;
+  background-color: #222;
  border-color: #080808;
 }
-
 .navbar-inverse .navbar-brand {
-  color: #999999;
+  color: #999;
 }
-
 .navbar-inverse .navbar-brand:hover,
 .navbar-inverse .navbar-brand:focus {
-  color: #ffffff;
+  color: #fff;
  background-color: transparent;
 }
-
 .navbar-inverse .navbar-text {
-  color: #999999;
+  color: #999;
 }
-
 .navbar-inverse .navbar-nav > li > a {
-  color: #999999;
+  color: #999;
 }
-
 .navbar-inverse .navbar-nav > li > a:hover,
 .navbar-inverse .navbar-nav > li > a:focus {
-  color: #ffffff;
+  color: #fff;
  background-color: transparent;
 }
-
 .navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > a:focus {
-  color: #ffffff;
+  color: #fff;
  background-color: #080808;
 }
-
 .navbar-inverse .navbar-nav > .disabled > a,
 .navbar-inverse .navbar-nav > .disabled > a:hover,
 .navbar-inverse .navbar-nav > .disabled > a:focus {
-  color: #444444;
+  color: #444;
  background-color: transparent;
 }
-
 .navbar-inverse .navbar-toggle {
-  border-color: #333333;
+  border-color: #333;
 }
-
 .navbar-inverse .navbar-toggle:hover,
 .navbar-inverse .navbar-toggle:focus {
-  background-color: #333333;
+  background-color: #333;
 }
-
 .navbar-inverse .navbar-toggle .icon-bar {
-  background-color: #ffffff;
+  background-color: #fff;
 }
-
 .navbar-inverse .navbar-collapse,
 .navbar-inverse .navbar-form {
  border-color: #101010;
 }
-
 .navbar-inverse .navbar-nav > .open > a,
 .navbar-inverse .navbar-nav > .open > a:hover,
 .navbar-inverse .navbar-nav > .open > a:focus {
-  color: #ffffff;
+  color: #fff;
  background-color: #080808;
 }
-
-.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
-}
-
-.navbar-inverse .navbar-nav > .dropdown > a .caret {
-  border-top-color: #999999;
-  border-bottom-color: #999999;
-}
-
-.navbar-inverse .navbar-nav > .open > a .caret,
-.navbar-inverse .navbar-nav > .open > a:hover .caret,
-.navbar-inverse .navbar-nav > .open > a:focus .caret {
-  border-top-color: #ffffff;
-  border-bottom-color: #ffffff;
-}
-
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+    background-color: #080808;
+  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
-    color: #999999;
+    color: #999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #ffffff;
+    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #ffffff;
+    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
-    color: #444444;
+    color: #444;
    background-color: transparent;
  }
 }
-
 .navbar-inverse .navbar-link {
-  color: #999999;
+  color: #999;
 }
-
 .navbar-inverse .navbar-link:hover {
-  color: #ffffff;
+  color: #fff;
 }
-
 .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
@ -4882,32 +3996,26 @@ textarea.input-group-sm > .input-group-btn > .btn {
  background-color: #f5f5f5;
  border-radius: 4px;
 }
-
 .breadcrumb > li {
  display: inline-block;
 }
-
 .breadcrumb > li + li:before {
  padding: 0 5px;
-  color: #cccccc;
+  color: #ccc;
  content: "/\00a0";
 }
-
 .breadcrumb > .active {
-  color: #999999;
+  color: #999;
 }
-
 .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
 }
-
 .pagination > li {
  display: inline;
 }
-
 .pagination > li > a,
 .pagination > li > span {
  position: relative;
@ -4916,30 +4024,26 @@ textarea.input-group-sm > .input-group-btn > .btn {
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
-  background-color: #ffffff;
-  border: 1px solid #dddddd;
+  background-color: #fff;
+  border: 1px solid #ddd;
 }
-
 .pagination > li:first-child > a,
 .pagination > li:first-child > span {
  margin-left: 0;
-  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
 }
-
 .pagination > li:last-child > a,
 .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
 }
-
 .pagination > li > a:hover,
 .pagination > li > span:hover,
 .pagination > li > a:focus,
 .pagination > li > span:focus {
-  background-color: #eeeeee;
+  background-color: #eee;
 }
-
 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
@ -4947,203 +4051,157 @@ textarea.input-group-sm > .input-group-btn > .btn {
 .pagination > .active > a:focus,
 .pagination > .active > span:focus {
  z-index: 2;
-  color: #ffffff;
+  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
 }
-
 .pagination > .disabled > span,
 .pagination > .disabled > span:hover,
 .pagination > .disabled > span:focus,
 .pagination > .disabled > a,
 .pagination > .disabled > a:hover,
 .pagination > .disabled > a:focus {
-  color: #999999;
+  color: #999;
  cursor: not-allowed;
-  background-color: #ffffff;
-  border-color: #dddddd;
+  background-color: #fff;
+  border-color: #ddd;
 }
-
 .pagination-lg > li > a,
 .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
 }
-
 .pagination-lg > li:first-child > a,
 .pagination-lg > li:first-child > span {
-  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
 }
-
 .pagination-lg > li:last-child > a,
 .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
 }
-
 .pagination-sm > li > a,
 .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
 }
-
 .pagination-sm > li:first-child > a,
 .pagination-sm > li:first-child > span {
-  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
 }
-
 .pagination-sm > li:last-child > a,
 .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
 }
-
 .pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
 }
-
-.pager:before,
-.pager:after {
-  display: table;
-  content: " ";
-}
-
-.pager:after {
-  clear: both;
-}
-
-.pager:before,
-.pager:after {
-  display: table;
-  content: " ";
-}
-
-.pager:after {
-  clear: both;
-}
-
 .pager li {
  display: inline;
 }
-
 .pager li > a,
 .pager li > span {
  display: inline-block;
  padding: 5px 14px;
-  background-color: #ffffff;
-  border: 1px solid #dddddd;
+  background-color: #fff;
+  border: 1px solid #ddd;
  border-radius: 15px;
 }
-
 .pager li > a:hover,
 .pager li > a:focus {
  text-decoration: none;
-  background-color: #eeeeee;
+  background-color: #eee;
 }
-
 .pager .next > a,
 .pager .next > span {
  float: right;
 }
-
 .pager .previous > a,
 .pager .previous > span {
  float: left;
 }
-
 .pager .disabled > a,
 .pager .disabled > a:hover,
 .pager .disabled > a:focus,
 .pager .disabled > span {
-  color: #999999;
+  color: #999;
  cursor: not-allowed;
-  background-color: #ffffff;
+  background-color: #fff;
 }
-
 .label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
-  color: #ffffff;
+  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
 }
-
 .label[href]:hover,
 .label[href]:focus {
-  color: #ffffff;
+  color: #fff;
  text-decoration: none;
  cursor: pointer;
 }
-
 .label:empty {
  display: none;
 }
-
-.label-default {
-  background-color: #999999;
+.btn .label {
+  position: relative;
+  top: -1px;
+}
+.label-default {
+  background-color: #999;
 }
-
 .label-default[href]:hover,
 .label-default[href]:focus {
  background-color: #808080;
 }
-
 .label-primary {
  background-color: #428bca;
 }
-
 .label-primary[href]:hover,
 .label-primary[href]:focus {
  background-color: #3071a9;
 }
-
 .label-success {
  background-color: #5cb85c;
 }
-
 .label-success[href]:hover,
 .label-success[href]:focus {
  background-color: #449d44;
 }
-
 .label-info {
  background-color: #5bc0de;
 }
-
 .label-info[href]:hover,
 .label-info[href]:focus {
  background-color: #31b0d5;
 }
-
 .label-warning {
  background-color: #f0ad4e;
 }
-
 .label-warning[href]:hover,
 .label-warning[href]:focus {
  background-color: #ec971f;
 }
-
 .label-danger {
  background-color: #d9534f;
 }
-
 .label-danger[href]:hover,
 .label-danger[href]:focus {
  background-color: #c9302c;
 }
-
 .badge {
  display: inline-block;
  min-width: 10px;
@ -5151,40 +4209,34 @@ textarea.input-group-sm > .input-group-btn > .btn {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
-  color: #ffffff;
+  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
-  background-color: #999999;
+  background-color: #999;
  border-radius: 10px;
 }
-
 .badge:empty {
  display: none;
 }
-
-a.badge:hover,
-a.badge:focus {
-  color: #ffffff;
-  text-decoration: none;
-  cursor: pointer;
-}
-
 .btn .badge {
  position: relative;
  top: -1px;
 }
-
+a.badge:hover,
+a.badge:focus {
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer;
+}
 a.list-group-item.active > .badge,
 .nav-pills > .active > a > .badge {
  color: #428bca;
-  background-color: #ffffff;
+  background-color: #fff;
 }
-
 .nav-pills > li > a > .badge {
  margin-left: 3px;
 }
-
 .jumbotron {
  padding: 30px;
  margin-bottom: 30px;
@ -5192,22 +4244,22 @@ a.list-group-item.active > .badge,
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
-  background-color: #eeeeee;
+  background-color: #eee;
 }
-
-.jumbotron h1 {
+.jumbotron h1,
+.jumbotron .h1 {
  line-height: 1;
  color: inherit;
 }
-
 .jumbotron p {
  line-height: 1.4;
 }
-
 .container .jumbotron {
  border-radius: 6px;
 }
-
+.jumbotron .container {
+  max-width: 100%;
+}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
@ -5217,137 +4269,112 @@ a.list-group-item.active > .badge,
    padding-right: 60px;
    padding-left: 60px;
  }
-  .jumbotron h1 {
+  .jumbotron h1,
+  .jumbotron .h1 {
    font-size: 63px;
  }
 }
-
 .thumbnail {
-  display: inline-block;
  display: block;
-  height: auto;
-  max-width: 100%;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
-  background-color: #ffffff;
-  border: 1px solid #dddddd;
+  background-color: #fff;
+  border: 1px solid #ddd;
  border-radius: 4px;
-  -webkit-transition: all 0.2s ease-in-out;
-          transition: all 0.2s ease-in-out;
+  -webkit-transition: all .2s ease-in-out;
+          transition: all .2s ease-in-out;
 }
-
-.thumbnail > img {
+.thumbnail > img,
+.thumbnail a > img {
  display: block;
-  height: auto;
  max-width: 100%;
+  height: auto;
  margin-right: auto;
  margin-left: auto;
 }
-
 a.thumbnail:hover,
 a.thumbnail:focus,
 a.thumbnail.active {
  border-color: #428bca;
 }
-
 .thumbnail .caption {
  padding: 9px;
-  color: #333333;
+  color: #333;
 }
-
 .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
 }
-
 .alert h4 {
  margin-top: 0;
  color: inherit;
 }
-
 .alert .alert-link {
  font-weight: bold;
 }
-
 .alert > p,
 .alert > ul {
  margin-bottom: 0;
 }
-
 .alert > p + p {
  margin-top: 5px;
 }
-
 .alert-dismissable {
  padding-right: 35px;
 }
-
 .alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
 }
-
 .alert-success {
-  color: #468847;
+  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
 }
-
 .alert-success hr {
  border-top-color: #c9e2b3;
 }
-
 .alert-success .alert-link {
-  color: #356635;
+  color: #2b542c;
 }
-
 .alert-info {
-  color: #3a87ad;
+  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
 }
-
 .alert-info hr {
  border-top-color: #a6e1ec;
 }
-
 .alert-info .alert-link {
-  color: #2d6987;
+  color: #245269;
 }
-
 .alert-warning {
-  color: #c09853;
+  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
 }
-
 .alert-warning hr {
  border-top-color: #f7e1b5;
 }
-
 .alert-warning .alert-link {
-  color: #a47e3c;
+  color: #66512c;
 }
-
 .alert-danger {
-  color: #b94a48;
+  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
 }
-
 .alert-danger hr {
  border-top-color: #e4b9c0;
 }
-
 .alert-danger .alert-link {
-  color: #953b39;
+  color: #843534;
 }
-
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
@ -5356,25 +4383,6 @@ a.thumbnail.active {
    background-position: 0 0;
  }
 }
-
-@-moz-keyframes progress-bar-stripes {
-  from {
-    background-position: 40px 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-
-@-o-keyframes progress-bar-stripes {
-  from {
-    background-position: 0 0;
-  }
-  to {
-    background-position: 40px 0;
-  }
-}
-
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
@ -5383,272 +4391,289 @@ a.thumbnail.active {
    background-position: 0 0;
  }
 }
-
 .progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
 }
-
 .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
-  color: #ffffff;
+  color: #fff;
  text-align: center;
  background-color: #428bca;
-  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-  -webkit-transition: width 0.6s ease;
-          transition: width 0.6s ease;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
+          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
+  -webkit-transition: width .6s ease;
+          transition: width .6s ease;
 }
-
 .progress-striped .progress-bar {
-  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
 }
-
 .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
 }
-
 .progress-bar-success {
  background-color: #5cb85c;
 }
-
 .progress-striped .progress-bar-success {
-  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 }
-
 .progress-bar-info {
  background-color: #5bc0de;
 }
-
 .progress-striped .progress-bar-info {
-  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 }
-
 .progress-bar-warning {
  background-color: #f0ad4e;
 }
-
 .progress-striped .progress-bar-warning {
-  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 }
-
 .progress-bar-danger {
  background-color: #d9534f;
 }
-
 .progress-striped .progress-bar-danger {
-  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 }
-
 .media,
 .media-body {
  overflow: hidden;
  zoom: 1;
 }
-
 .media,
 .media .media {
  margin-top: 15px;
 }
-
 .media:first-child {
  margin-top: 0;
 }
-
 .media-object {
  display: block;
 }
-
 .media-heading {
  margin: 0 0 5px;
 }
-
 .media > .pull-left {
  margin-right: 10px;
 }
-
 .media > .pull-right {
  margin-left: 10px;
 }
-
 .media-list {
  padding-left: 0;
  list-style: none;
 }
-
 .list-group {
  padding-left: 0;
  margin-bottom: 20px;
 }
-
 .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
-  background-color: #ffffff;
-  border: 1px solid #dddddd;
+  background-color: #fff;
+  border: 1px solid #ddd;
 }
-
 .list-group-item:first-child {
-  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
 }
-
 .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
 }
-
 .list-group-item > .badge {
  float: right;
 }
-
 .list-group-item > .badge + .badge {
  margin-right: 5px;
 }
-
 a.list-group-item {
-  color: #555555;
+  color: #555;
 }
-
 a.list-group-item .list-group-item-heading {
-  color: #333333;
+  color: #333;
 }
-
 a.list-group-item:hover,
 a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
 }
-
 a.list-group-item.active,
 a.list-group-item.active:hover,
 a.list-group-item.active:focus {
  z-index: 2;
-  color: #ffffff;
+  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
 }
-
 a.list-group-item.active .list-group-item-heading,
 a.list-group-item.active:hover .list-group-item-heading,
 a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
 }
-
 a.list-group-item.active .list-group-item-text,
 a.list-group-item.active:hover .list-group-item-text,
 a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
 }
-
+.list-group-item-success {
+  color: #3c763d;
+  background-color: #dff0d8;
+}
+a.list-group-item-success {
+  color: #3c763d;
+}
+a.list-group-item-success .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-success:hover,
+a.list-group-item-success:focus {
+  color: #3c763d;
+  background-color: #d0e9c6;
+}
+a.list-group-item-success.active,
+a.list-group-item-success.active:hover,
+a.list-group-item-success.active:focus {
+  color: #fff;
+  background-color: #3c763d;
+  border-color: #3c763d;
+}
+.list-group-item-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+}
+a.list-group-item-warning {
+  color: #8a6d3b;
+}
+a.list-group-item-warning .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-warning:hover,
+a.list-group-item-warning:focus {
+  color: #8a6d3b;
+  background-color: #faf2cc;
+}
+a.list-group-item-warning.active,
+a.list-group-item-warning.active:hover,
+a.list-group-item-warning.active:focus {
+  color: #fff;
+  background-color: #8a6d3b;
+  border-color: #8a6d3b;
+}
+.list-group-item-danger {
+  color: #a94442;
+  background-color: #f2dede;
+}
+a.list-group-item-danger {
+  color: #a94442;
+}
+a.list-group-item-danger .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-danger:hover,
+a.list-group-item-danger:focus {
+  color: #a94442;
+  background-color: #ebcccc;
+}
+a.list-group-item-danger.active,
+a.list-group-item-danger.active:hover,
+a.list-group-item-danger.active:focus {
+  color: #fff;
+  background-color: #a94442;
+  border-color: #a94442;
+}
+.list-group-item-info {
+  color: #31708f;
+  background-color: #d9edf7;
+}
+a.list-group-item-info {
+  color: #31708f;
+}
+a.list-group-item-info .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-info:hover,
+a.list-group-item-info:focus {
+  color: #31708f;
+  background-color: #c4e3f3;
+}
+a.list-group-item-info.active,
+a.list-group-item-info.active:hover,
+a.list-group-item-info.active:focus {
+  color: #fff;
+  background-color: #31708f;
+  border-color: #31708f;
+}
 .list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
 }
-
 .list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
 }
-
 .panel {
  margin-bottom: 20px;
-  background-color: #ffffff;
+  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
-  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 }
-
 .panel-body {
  padding: 15px;
 }
-
-.panel-body:before,
-.panel-body:after {
-  display: table;
-  content: " ";
-}
-
-.panel-body:after {
-  clear: both;
-}
-
-.panel-body:before,
-.panel-body:after {
-  display: table;
-  content: " ";
-}
-
-.panel-body:after {
-  clear: both;
-}
-
 .panel > .list-group {
  margin-bottom: 0;
 }
-
 .panel > .list-group .list-group-item {
  border-width: 1px 0;
 }
-
 .panel > .list-group .list-group-item:first-child {
-  border-top-right-radius: 0;
  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
-
 .panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
 }
-
 .panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
 }
-
 .panel > .table,
-.panel > .table-responsive {
+.panel > .table-responsive > .table {
  margin-bottom: 0;
 }
-
 .panel > .panel-body + .table,
 .panel > .panel-body + .table-responsive {
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
+}
+.panel > .table > tbody:first-child th,
+.panel > .table > tbody:first-child td {
+  border-top: 0;
 }
-
 .panel > .table-bordered,
 .panel > .table-responsive > .table-bordered {
  border: 0;
 }
-
 .panel > .table-bordered > thead > tr > th:first-child,
 .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
 .panel > .table-bordered > tbody > tr > th:first-child,
@ -5663,7 +4688,6 @@ a.list-group-item.active:focus .list-group-item-text {
 .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
 }
-
 .panel > .table-bordered > thead > tr > th:last-child,
 .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
 .panel > .table-bordered > tbody > tr > th:last-child,
@ -5678,7 +4702,6 @@ a.list-group-item.active:focus .list-group-item-text {
 .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
 }
-
 .panel > .table-bordered > thead > tr:last-child > th,
 .panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
 .panel > .table-bordered > tbody > tr:last-child > th,
@ -5693,194 +4716,139 @@ a.list-group-item.active:focus .list-group-item-text {
 .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
 }
-
+.panel > .table-responsive {
+  margin-bottom: 0;
+  border: 0;
+}
 .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
-  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
 }
-
 .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
 }
-
 .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
+  color: inherit;
 }
-
 .panel-title > a {
  color: inherit;
 }
-
 .panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
 }
-
 .panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
 }
-
 .panel-group .panel + .panel {
  margin-top: 5px;
 }
-
 .panel-group .panel-heading {
  border-bottom: 0;
 }
-
 .panel-group .panel-heading + .panel-collapse .panel-body {
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
 }
-
 .panel-group .panel-footer {
  border-top: 0;
 }
-
 .panel-group .panel-footer + .panel-collapse .panel-body {
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
 }
-
 .panel-default {
-  border-color: #dddddd;
+  border-color: #ddd;
 }
-
 .panel-default > .panel-heading {
-  color: #333333;
+  color: #333;
  background-color: #f5f5f5;
-  border-color: #dddddd;
+  border-color: #ddd;
 }
-
 .panel-default > .panel-heading + .panel-collapse .panel-body {
-  border-top-color: #dddddd;
+  border-top-color: #ddd;
 }
-
-.panel-default > .panel-heading > .dropdown .caret {
-  border-color: #333333 transparent;
-}
-
 .panel-default > .panel-footer + .panel-collapse .panel-body {
-  border-bottom-color: #dddddd;
+  border-bottom-color: #ddd;
 }
-
 .panel-primary {
  border-color: #428bca;
 }
-
 .panel-primary > .panel-heading {
-  color: #ffffff;
+  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
 }
-
 .panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
 }
-
-.panel-primary > .panel-heading > .dropdown .caret {
-  border-color: #ffffff transparent;
-}
-
 .panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
 }
-
 .panel-success {
  border-color: #d6e9c6;
 }
-
 .panel-success > .panel-heading {
-  color: #468847;
+  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
 }
-
 .panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
 }
-
-.panel-success > .panel-heading > .dropdown .caret {
-  border-color: #468847 transparent;
-}
-
 .panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
 }
-
 .panel-warning {
  border-color: #faebcc;
 }
-
 .panel-warning > .panel-heading {
-  color: #c09853;
+  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
 }
-
 .panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
 }
-
-.panel-warning > .panel-heading > .dropdown .caret {
-  border-color: #c09853 transparent;
-}
-
 .panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
 }
-
 .panel-danger {
  border-color: #ebccd1;
 }
-
 .panel-danger > .panel-heading {
-  color: #b94a48;
+  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
 }
-
 .panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
 }
-
-.panel-danger > .panel-heading > .dropdown .caret {
-  border-color: #b94a48 transparent;
-}
-
 .panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
 }
-
 .panel-info {
  border-color: #bce8f1;
 }
-
 .panel-info > .panel-heading {
-  color: #3a87ad;
+  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
 }
-
 .panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
 }
-
-.panel-info > .panel-heading > .dropdown .caret {
-  border-color: #3a87ad transparent;
-}
-
 .panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
 }
-
 .well {
  min-height: 20px;
  padding: 19px;
@ -5888,45 +4856,39 @@ a.list-group-item.active:focus .list-group-item-text {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 }
-
 .well blockquote {
  border-color: #ddd;
-  border-color: rgba(0, 0, 0, 0.15);
+  border-color: rgba(0, 0, 0, .15);
 }
-
 .well-lg {
  padding: 24px;
  border-radius: 6px;
 }
-
 .well-sm {
  padding: 9px;
  border-radius: 3px;
 }
-
 .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
-  color: #000000;
-  text-shadow: 0 1px 0 #ffffff;
-  opacity: 0.2;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: .2;
  filter: alpha(opacity=20);
 }
-
 .close:hover,
 .close:focus {
-  color: #000000;
+  color: #000;
  text-decoration: none;
  cursor: pointer;
-  opacity: 0.5;
+  opacity: .5;
  filter: alpha(opacity=50);
 }
-
 button.close {
  padding: 0;
  cursor: pointer;
@ -5934,198 +4896,155 @@ button.close {
  border: 0;
  -webkit-appearance: none;
 }
-
 .modal-open {
  overflow: hidden;
 }
-
 .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
-  z-index: 1040;
+  z-index: 1050;
  display: none;
  overflow: auto;
  overflow-y: scroll;
+  outline: 0;
 }
-
 .modal.fade .modal-dialog {
+  -webkit-transition: -webkit-transform .3s ease-out;
+     -moz-transition: -moz-transform .3s ease-out;
+       -o-transition: -o-transform .3s ease-out;
+          transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
-  -webkit-transition: -webkit-transform 0.3s ease-out;
-     -moz-transition: -moz-transform 0.3s ease-out;
-       -o-transition: -o-transform 0.3s ease-out;
-          transition: transform 0.3s ease-out;
 }
-
 .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
 }
-
 .modal-dialog {
  position: relative;
-  z-index: 1050;
  width: auto;
-  padding: 10px;
-  margin-right: auto;
-  margin-left: auto;
+  margin: 10px;
 }
-
 .modal-content {
  position: relative;
-  background-color: #ffffff;
-  border: 1px solid #999999;
-  border: 1px solid rgba(0, 0, 0, 0.2);
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #999;
+  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
-  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-  background-clip: padding-box;
+  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
+          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
 }
-
 .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
-  z-index: 1030;
-  background-color: #000000;
+  z-index: 1040;
+  background-color: #000;
 }
-
 .modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
 }
-
 .modal-backdrop.in {
-  opacity: 0.5;
+  opacity: .5;
  filter: alpha(opacity=50);
 }
-
 .modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
 }
-
 .modal-header .close {
  margin-top: -2px;
 }
-
 .modal-title {
  margin: 0;
  line-height: 1.428571429;
 }
-
 .modal-body {
  position: relative;
  padding: 20px;
 }
-
 .modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
 }
-
-.modal-footer:before,
-.modal-footer:after {
-  display: table;
-  content: " ";
-}
-
-.modal-footer:after {
-  clear: both;
-}
-
-.modal-footer:before,
-.modal-footer:after {
-  display: table;
-  content: " ";
-}
-
-.modal-footer:after {
-  clear: both;
-}
-
 .modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
 }
-
 .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
 }
-
 .modal-footer .btn-block + .btn-block {
  margin-left: 0;
 }
-
-@media screen and (min-width: 768px) {
+@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
-    padding-top: 30px;
-    padding-bottom: 30px;
+    margin: 30px auto;
  }
  .modal-content {
-    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
-            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
+  }
+  .modal-sm {
+    width: 300px;
+  }
+  .modal-lg {
+    width: 900px;
  }
 }
-
 .tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
+  visibility: visible;
  opacity: 0;
  filter: alpha(opacity=0);
-  visibility: visible;
 }
-
 .tooltip.in {
-  opacity: 0.9;
+  opacity: .9;
  filter: alpha(opacity=90);
 }
-
 .tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
 }
-
 .tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
 }
-
 .tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
 }
-
 .tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
 }
-
 .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
-  color: #ffffff;
+  color: #fff;
  text-align: center;
  text-decoration: none;
-  background-color: #000000;
+  background-color: #000;
  border-radius: 4px;
 }
-
 .tooltip-arrow {
  position: absolute;
  width: 0;
@ -6133,67 +5052,58 @@ button.close {
  border-color: transparent;
  border-style: solid;
 }
-
 .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
-  border-top-color: #000000;
  border-width: 5px 5px 0;
+  border-top-color: #000;
 }
-
 .tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
-  border-top-color: #000000;
  border-width: 5px 5px 0;
+  border-top-color: #000;
 }
-
 .tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
-  border-top-color: #000000;
  border-width: 5px 5px 0;
+  border-top-color: #000;
 }
-
 .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
-  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
+  border-right-color: #000;
 }
-
 .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
-  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
+  border-left-color: #000;
 }
-
 .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
-  border-bottom-color: #000000;
  border-width: 0 5px 5px;
+  border-bottom-color: #000;
 }
-
 .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
-  border-bottom-color: #000000;
  border-width: 0 5px 5px;
+  border-bottom-color: #000;
 }
-
 .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
-  border-bottom-color: #000000;
  border-width: 0 5px 5px;
+  border-bottom-color: #000;
 }
-
 .popover {
  position: absolute;
  top: 0;
@ -6204,31 +5114,26 @@ button.close {
  padding: 1px;
  text-align: left;
  white-space: normal;
-  background-color: #ffffff;
-  border: 1px solid #cccccc;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 6px;
-  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  background-color: #fff;
  background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, .2);
+  border-radius: 6px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 }
-
 .popover.top {
  margin-top: -10px;
 }
-
 .popover.right {
  margin-left: 10px;
 }
-
 .popover.bottom {
  margin-top: 10px;
 }
-
 .popover.left {
  margin-left: -10px;
 }
-
 .popover-title {
  padding: 8px 14px;
  margin: 0;
@ -6239,11 +5144,9 @@ button.close {
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
 }
-
 .popover-content {
  padding: 9px 14px;
 }
-
 .popover .arrow,
 .popover .arrow:after {
  position: absolute;
@ -6253,147 +5156,124 @@ button.close {
  border-color: transparent;
  border-style: solid;
 }
-
 .popover .arrow {
  border-width: 11px;
 }
-
 .popover .arrow:after {
-  border-width: 10px;
  content: "";
+  border-width: 10px;
 }
-
 .popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
-  border-top-color: #999999;
-  border-top-color: rgba(0, 0, 0, 0.25);
+  border-top-color: #999;
+  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
 }
-
 .popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
-  border-top-color: #ffffff;
-  border-bottom-width: 0;
  content: " ";
+  border-top-color: #fff;
+  border-bottom-width: 0;
 }
-
 .popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
-  border-right-color: #999999;
-  border-right-color: rgba(0, 0, 0, 0.25);
+  border-right-color: #999;
+  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
 }
-
 .popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
-  border-right-color: #ffffff;
-  border-left-width: 0;
  content: " ";
+  border-right-color: #fff;
+  border-left-width: 0;
 }
-
 .popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
-  border-bottom-color: #999999;
-  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
+  border-bottom-color: #999;
+  border-bottom-color: rgba(0, 0, 0, .25);
 }
-
 .popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
-  border-bottom-color: #ffffff;
-  border-top-width: 0;
  content: " ";
+  border-top-width: 0;
+  border-bottom-color: #fff;
 }
-
 .popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
-  border-left-color: #999999;
-  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
+  border-left-color: #999;
+  border-left-color: rgba(0, 0, 0, .25);
 }
-
 .popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
-  border-left-color: #ffffff;
-  border-right-width: 0;
  content: " ";
+  border-right-width: 0;
+  border-left-color: #fff;
 }
-
 .carousel {
  position: relative;
 }
-
 .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
 }
-
 .carousel-inner > .item {
  position: relative;
  display: none;
-  -webkit-transition: 0.6s ease-in-out left;
-          transition: 0.6s ease-in-out left;
+  -webkit-transition: .6s ease-in-out left;
+          transition: .6s ease-in-out left;
 }
-
 .carousel-inner > .item > img,
 .carousel-inner > .item > a > img {
  display: block;
-  height: auto;
  max-width: 100%;
+  height: auto;
  line-height: 1;
 }
-
 .carousel-inner > .active,
 .carousel-inner > .next,
 .carousel-inner > .prev {
  display: block;
 }
-
 .carousel-inner > .active {
  left: 0;
 }
-
 .carousel-inner > .next,
 .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
 }
-
 .carousel-inner > .next {
  left: 100%;
 }
-
 .carousel-inner > .prev {
  left: -100%;
 }
-
 .carousel-inner > .next.left,
 .carousel-inner > .prev.right {
  left: 0;
 }
-
 .carousel-inner > .active.left {
  left: -100%;
 }
-
 .carousel-inner > .active.right {
  left: 100%;
 }
-
 .carousel-control {
  position: absolute;
  top: 0;
@ -6401,41 +5281,34 @@ button.close {
  left: 0;
  width: 15%;
  font-size: 20px;
-  color: #ffffff;
+  color: #fff;
  text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
-  opacity: 0.5;
  filter: alpha(opacity=50);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+  opacity: .5;
 }
-
 .carousel-control.left {
-  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
-  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
-  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
-  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
+  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
+  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 }
-
 .carousel-control.right {
  right: 0;
  left: auto;
-  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
-  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
-  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
-  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
+  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
+  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 }
-
 .carousel-control:hover,
 .carousel-control:focus {
-  color: #ffffff;
+  color: #fff;
  text-decoration: none;
-  opacity: 0.9;
+  outline: none;
+  opacity: .9;
  filter: alpha(opacity=90);
 }
-
 .carousel-control .icon-prev,
 .carousel-control .icon-next,
 .carousel-control .glyphicon-chevron-left,
@ -6445,17 +5318,14 @@ button.close {
  z-index: 5;
  display: inline-block;
 }
-
 .carousel-control .icon-prev,
 .carousel-control .glyphicon-chevron-left {
  left: 50%;
 }
-
 .carousel-control .icon-next,
 .carousel-control .glyphicon-chevron-right {
  right: 50%;
 }
-
 .carousel-control .icon-prev,
 .carousel-control .icon-next {
  width: 20px;
@ -6464,15 +5334,12 @@ button.close {
  margin-left: -10px;
  font-family: serif;
 }
-
 .carousel-control .icon-prev:before {
  content: '\2039';
 }
-
 .carousel-control .icon-next:before {
  content: '\203a';
 }
-
 .carousel-indicators {
  position: absolute;
  bottom: 10px;
@ -6484,7 +5351,6 @@ button.close {
  text-align: center;
  list-style: none;
 }
-
 .carousel-indicators li {
  display: inline-block;
  width: 10px;
@ -6494,17 +5360,15 @@ button.close {
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
-  border: 1px solid #ffffff;
+  border: 1px solid #fff;
  border-radius: 10px;
 }
-
 .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
-  background-color: #ffffff;
+  background-color: #fff;
 }
-
 .carousel-caption {
  position: absolute;
  right: 15%;
@ -6513,15 +5377,13 @@ button.close {
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
-  color: #ffffff;
+  color: #fff;
  text-align: center;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
 }
-
 .carousel-caption .btn {
  text-shadow: none;
 }
-
@media screen and (min-width: 768px) {
  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
@ -6542,43 +5404,73 @@ button.close {
    bottom: 20px;
  }
 }
-
 .clearfix:before,
-.clearfix:after {
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.nav:before,
+.nav:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after,
+.navbar-collapse:before,
+.navbar-collapse:after,
+.pager:before,
+.pager:after,
+.panel-body:before,
+.panel-body:after,
+.modal-footer:before,
+.modal-footer:after {
  display: table;
  content: " ";
 }
-
-.clearfix:after {
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.nav:after,
+.navbar:after,
+.navbar-header:after,
+.navbar-collapse:after,
+.pager:after,
+.panel-body:after,
+.modal-footer:after {
  clear: both;
 }
-
 .center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
 }
-
 .pull-right {
  float: right !important;
 }
-
 .pull-left {
  float: left !important;
 }
-
 .hide {
  display: none !important;
 }
-
 .show {
  display: block !important;
 }
-
 .invisible {
  visibility: hidden;
 }
-
 .text-hide {
  font: 0/0 a;
  color: transparent;
@ -6586,31 +5478,29 @@ button.close {
  background-color: transparent;
  border: 0;
 }
-
 .hidden {
  display: none !important;
  visibility: hidden !important;
 }
-
 .affix {
  position: fixed;
 }
-
@-ms-viewport {
  width: device-width;
 }
-
 .visible-xs,
 tr.visible-xs,
 th.visible-xs,
 td.visible-xs {
  display: none !important;
 }
-
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
+  table.visible-xs {
+    display: table;
+  }
  tr.visible-xs {
    display: table-row !important;
  }
@ -6619,18 +5509,19 @@ td.visible-xs {
    display: table-cell !important;
  }
 }
-
 .visible-sm,
 tr.visible-sm,
 th.visible-sm,
 td.visible-sm {
  display: none !important;
 }
-
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
+  table.visible-sm {
+    display: table;
+  }
  tr.visible-sm {
    display: table-row !important;
  }
@ -6639,18 +5530,19 @@ td.visible-sm {
    display: table-cell !important;
  }
 }
-
 .visible-md,
 tr.visible-md,
 th.visible-md,
 td.visible-md {
  display: none !important;
 }
-
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
+  table.visible-md {
+    display: table;
+  }
  tr.visible-md {
    display: table-row !important;
  }
@ -6659,18 +5551,19 @@ td.visible-md {
    display: table-cell !important;
  }
 }
-
 .visible-lg,
 tr.visible-lg,
 th.visible-lg,
 td.visible-lg {
  display: none !important;
 }
-
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
+  table.visible-lg {
+    display: table;
+  }
  tr.visible-lg {
    display: table-row !important;
  }
@ -6679,7 +5572,6 @@ td.visible-lg {
    display: table-cell !important;
  }
 }
-
@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
@ -6688,7 +5580,6 @@ td.visible-lg {
    display: none !important;
  }
 }
-
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
@ -6697,7 +5588,6 @@ td.visible-lg {
    display: none !important;
  }
 }
-
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
@ -6706,7 +5596,6 @@ td.visible-lg {
    display: none !important;
  }
 }
-
@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
@ -6715,18 +5604,19 @@ td.visible-lg {
    display: none !important;
  }
 }
-
 .visible-print,
 tr.visible-print,
 th.visible-print,
 td.visible-print {
  display: none !important;
 }
-
@media print {
  .visible-print {
    display: block !important;
  }
+  table.visible-print {
+    display: table;
+  }
  tr.visible-print {
    display: table-row !important;
  }
@ -6735,7 +5625,6 @@ td.visible-print {
    display: table-cell !important;
  }
 }
-
@media print {
  .hidden-print,
  tr.hidden-print,
@ -6743,4 +5632,4 @@ td.visible-print {
  td.hidden-print {
    display: none !important;
  }
-}
+}
--- a/dist/css/bootstrap.min.css
+++ b/dist/css/bootstrap.min.css
--- a/dist/js/bootstrap.js
+++ b/dist/js/bootstrap.js
@ -1,15 +1,13 @@
 /*!
- * Bootstrap v3.0.1 by @fat and @mdo
+ * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world by @mdo and @fat.
 */

 if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery") }

 /* ========================================================================
- * Bootstrap: transition.js v3.0.0
+ * Bootstrap: transition.js v3.0.3
 * http://getbootstrap.com/javascript/#transitions
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -28,7 +26,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
  // ============================================================
@ -63,10 +61,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    $.support.transition = transitionEnd()
  })

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: alert.js v3.0.0
+ * Bootstrap: alert.js v3.0.3
 * http://getbootstrap.com/javascript/#alerts
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -85,7 +83,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // ALERT CLASS DEFINITION
  // ======================
@ -162,10 +160,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"

  $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: button.js v3.0.0
+ * Bootstrap: button.js v3.0.3
 * http://getbootstrap.com/javascript/#buttons
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -184,7 +182,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // BUTTON PUBLIC CLASS DEFINITION
  // ==============================
@ -220,15 +218,21 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"

  Button.prototype.toggle = function () {
    var $parent = this.$element.closest('[data-toggle="buttons"]')
+    var changed = true

    if ($parent.length) {
      var $input = this.$element.find('input')
-        .prop('checked', !this.$element.hasClass('active'))
-        .trigger('change')
-      if ($input.prop('type') === 'radio') $parent.find('.active').removeClass('active')
+      if ($input.prop('type') === 'radio') {
+        // see if clicking on current one
+        if ($input.prop('checked') && this.$element.hasClass('active'))
+          changed = false
+        else
+          $parent.find('.active').removeClass('active')
+      }
+      if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change')
    }

-    this.$element.toggleClass('active')
+    if (changed) this.$element.toggleClass('active')
  }


@ -272,10 +276,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    e.preventDefault()
  })

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: carousel.js v3.0.0
+ * Bootstrap: carousel.js v3.0.3
 * http://getbootstrap.com/javascript/#carousel
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -294,7 +298,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // CAROUSEL CLASS DEFINITION
  // =========================
@ -345,7 +349,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"

    if (pos > (this.$items.length - 1) || pos < 0) return

-    if (this.sliding)       return this.$element.one('slid', function () { that.to(pos) })
+    if (this.sliding)       return this.$element.one('slid.bs.carousel', function () { that.to(pos) })
    if (activeIndex == pos) return this.pause().cycle()

    return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos]))
@ -397,7 +401,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"

    if (this.$indicators.length) {
      this.$indicators.find('.active').removeClass('active')
-      this.$element.one('slid', function () {
+      this.$element.one('slid.bs.carousel', function () {
        var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()])
        $nextIndicator && $nextIndicator.addClass('active')
      })
@ -415,7 +419,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
          $next.removeClass([type, direction].join(' ')).addClass('active')
          $active.removeClass(['active', direction].join(' '))
          that.sliding = false
-          setTimeout(function () { that.$element.trigger('slid') }, 0)
+          setTimeout(function () { that.$element.trigger('slid.bs.carousel') }, 0)
        })
        .emulateTransitionEnd(600)
    } else {
@ -424,7 +428,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
      $active.removeClass('active')
      $next.addClass('active')
      this.sliding = false
-      this.$element.trigger('slid')
+      this.$element.trigger('slid.bs.carousel')
    }

    isCycling && this.cycle()
@ -490,10 +494,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    })
  })

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: collapse.js v3.0.0
+ * Bootstrap: collapse.js v3.0.3
 * http://getbootstrap.com/javascript/#collapse
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -512,7 +516,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // COLLAPSE PUBLIC CLASS DEFINITION
  // ================================
@ -670,10 +674,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    $target.collapse(option)
  })

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: dropdown.js v3.0.0
+ * Bootstrap: dropdown.js v3.0.3
 * http://getbootstrap.com/javascript/#dropdowns
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -692,7 +696,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // DROPDOWN CLASS DEFINITION
  // =========================
@ -700,7 +704,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
  var backdrop = '.dropdown-backdrop'
  var toggle   = '[data-toggle=dropdown]'
  var Dropdown = function (element) {
-    var $el = $(element).on('click.bs.dropdown', this.toggle)
+    $(element).on('click.bs.dropdown', this.toggle)
  }

  Dropdown.prototype.toggle = function (e) {
@ -715,7 +719,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"

    if (!isActive) {
      if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
-        // if mobile we we use a backdrop because click events don't delegate
+        // if mobile we use a backdrop because click events don't delegate
        $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus)
      }

@ -759,7 +763,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"

    if (e.keyCode == 38 && index > 0)                 index--                        // up
    if (e.keyCode == 40 && index < $items.length - 1) index++                        // down
-    if (!~index)                                      index=0
+    if (!~index)                                      index = 0

    $items.eq(index).focus()
  }
@ -797,9 +801,9 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
  $.fn.dropdown = function (option) {
    return this.each(function () {
      var $this = $(this)
-      var data  = $this.data('dropdown')
+      var data  = $this.data('bs.dropdown')

-      if (!data) $this.data('dropdown', (data = new Dropdown(this)))
+      if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
      if (typeof option == 'string') data[option].call($this)
    })
  }
@ -825,10 +829,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    .on('click.bs.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
    .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: modal.js v3.0.0
+ * Bootstrap: modal.js v3.0.3
 * http://getbootstrap.com/javascript/#modals
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -847,7 +851,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // MODAL CLASS DEFINITION
  // ======================
@ -1009,7 +1013,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    } else if (!this.isShown && this.$backdrop) {
      this.$backdrop.removeClass('in')

-      $.support.transition && this.$element.hasClass('fade')?
+      $.support.transition && this.$element.hasClass('fade') ?
        this.$backdrop
          .one($.support.transition.end, callback)
          .emulateTransitionEnd(150) :
@ -1072,10 +1076,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    .on('show.bs.modal',  '.modal', function () { $(document.body).addClass('modal-open') })
    .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') })

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: tooltip.js v3.0.0
+ * Bootstrap: tooltip.js v3.0.3
 * http://getbootstrap.com/javascript/#tooltip
 * Inspired by the original jQuery.tipsy by Jason Frame
 * ========================================================================
@ -1095,7 +1099,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // TOOLTIP PUBLIC CLASS DEFINITION
  // ===============================
@ -1209,7 +1213,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
  }

  Tooltip.prototype.show = function () {
-    var e = $.Event('show.bs.'+ this.type)
+    var e = $.Event('show.bs.' + this.type)

    if (this.hasContent() && this.enabled) {
      this.$element.trigger(e)
@ -1268,7 +1272,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    }
  }

-  Tooltip.prototype.applyPlacement = function(offset, placement) {
+  Tooltip.prototype.applyPlacement = function (offset, placement) {
    var replace
    var $tip   = this.tip()
    var width  = $tip[0].offsetWidth
@ -1319,8 +1323,8 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    if (replace) $tip.offset(offset)
  }

-  Tooltip.prototype.replaceArrow = function(delta, dimension, position) {
-    this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '')
+  Tooltip.prototype.replaceArrow = function (delta, dimension, position) {
+    this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + '%') : '')
  }

  Tooltip.prototype.setContent = function () {
@ -1459,10 +1463,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    return this
  }

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: popover.js v3.0.0
+ * Bootstrap: popover.js v3.0.3
 * http://getbootstrap.com/javascript/#popovers
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -1481,7 +1485,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // POPOVER PUBLIC CLASS DEFINITION
  // ===============================
@ -1577,10 +1581,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    return this
  }

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: scrollspy.js v3.0.0
+ * Bootstrap: scrollspy.js v3.0.3
 * http://getbootstrap.com/javascript/#scrollspy
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -1599,7 +1603,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // SCROLLSPY CLASS DEFINITION
  // ==========================
@ -1694,7 +1698,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
        .addClass('active')
    }

-    active.trigger('activate')
+    active.trigger('activate.bs.scrollspy')
  }


@ -1736,10 +1740,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    })
  })

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: tab.js v3.0.0
+ * Bootstrap: tab.js v3.0.3
 * http://getbootstrap.com/javascript/#tabs
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -1758,7 +1762,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // TAB CLASS DEFINITION
  // ====================
@ -1872,10 +1876,10 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    $(this).tab('show')
  })

-}(window.jQuery);
+}(jQuery);

 /* ========================================================================
- * Bootstrap: affix.js v3.0.0
+ * Bootstrap: affix.js v3.0.3
 * http://getbootstrap.com/javascript/#affix
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -1894,7 +1898,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // AFFIX CLASS DEFINITION
  // ======================
@ -1999,4 +2003,4 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
    })
  })

-}(window.jQuery);
+}(jQuery);
--- a/dist/js/bootstrap.min.js
+++ b/dist/js/bootstrap.min.js
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@ -586,17 +586,46 @@ h1[id] {
  border-color: #faebcc;
 }
 .bs-callout-warning h4 {
-  color: #c09853;
+  color: #8a6d3b;
 }
 .bs-callout-info {
  background-color: #f4f8fa;
  border-color: #bce8f1;
 }
 .bs-callout-info h4 {
-  color: #3a87ad;
+  color: #34789a;
 }


+/*
+ * Color swatches
+ *
+ * Color swatches and associated values for our grayscale and brand colors.
+ */
+
+.color-swatches {
+  margin: 0 -5px;
+  overflow: hidden; /* clearfix */
+}
+.color-swatch {
+  float: left;
+  width:  100px;
+  height: 100px;
+  margin: 0 5px;
+  border-radius: 3px;
+}
+.color-swatches .gray-darker   { background-color: #222; }
+.color-swatches .gray-dark     { background-color: #333; }
+.color-swatches .gray          { background-color: #555; }
+.color-swatches .gray-light    { background-color: #999; }
+.color-swatches .gray-lighter  { background-color: #eee; }
+.color-swatches .brand-primary { background-color: #428bca; }
+.color-swatches .brand-success { background-color: #5cb85c; }
+.color-swatches .brand-warning { background-color: #f0ad4e; }
+.color-swatches .brand-danger  { background-color: #d9534f; }
+.color-swatches .brand-info    { background-color: #5bc0de; }
+
+
 /*
 * Team members
 *
@ -921,7 +950,6 @@ h1[id] {
 */

 .highlight {
-  display: none; /* hidden by default, until >480px */
  padding: 9px 14px;
  margin-bottom: 14px;
  background-color: #f7f7f9;
@ -949,13 +977,6 @@ h1[id] {
  color: #bebec5;
 }

-/* Show code snippets when we have the space */
-@media (min-width: 481px) {
-  .highlight {
-    display: block;
-  }
-}
-

 /*
 * Responsive tests
@ -1038,19 +1059,20 @@ h1[id] {
 */

 .bs-glyphicons {
-  padding-left: 0;
-  padding-bottom: 1px;
-  margin-bottom: 20px;
-  list-style: none;
+  margin: 0 -19px 20px -16px;
  overflow: hidden;
 }
+.bs-glyphicons-list {
+  padding-left: 0;
+  list-style: none;
+}
 .bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  margin: 0 -1px -1px 0;
-  font-size: 12px;
+  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd;
@ -1063,14 +1085,20 @@ h1[id] {
 .bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
+  word-wrap: break-word; /* Help out IE10+ with class names */
 }
 .bs-glyphicons li:hover {
  background-color: rgba(86,61,124,.1);
 }

@media (min-width: 768px) {
+  .bs-glyphicons {
+    margin-left: 0;
+    margin-right: 0;
+  }
  .bs-glyphicons li {
    width: 12.5%;
+    font-size: 12px;
  }
 }

--- a/docs-assets/js/application.js
+++ b/docs-assets/js/application.js
@ -12,19 +12,19 @@

 !function ($) {

-  $(function(){
+  $(function () {

    // IE10 viewport hack for Surface/desktop Windows 8 bug
    //
    // See Getting Started docs for more information
    if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
-      var msViewportStyle = document.createElement("style");
+      var msViewportStyle = document.createElement('style');
      msViewportStyle.appendChild(
        document.createTextNode(
-          "@-ms-viewport{width:auto!important}"
+          '@-ms-viewport{width:auto!important}'
        )
      );
-      document.getElementsByTagName("head")[0].
+      document.getElementsByTagName('head')[0].
        appendChild(msViewportStyle);
    }

@ -73,24 +73,24 @@

    // tooltip demo
    $('.tooltip-demo').tooltip({
-      selector: "[data-toggle=tooltip]",
-      container: "body"
+      selector: '[data-toggle=tooltip]',
+      container: 'body'
    })

    $('.tooltip-test').tooltip()
    $('.popover-test').popover()

    $('.bs-docs-navbar').tooltip({
-      selector: "a[data-toggle=tooltip]",
-      container: ".bs-docs-navbar .nav"
+      selector: 'a[data-toggle=tooltip]',
+      container: '.bs-docs-navbar .nav'
    })

    // popover demo
-    $("[data-toggle=popover]")
+    $('[data-toggle=popover]')
      .popover()

    // button state demo
-    $('#fat-btn')
+    $('#loading-example-btn')
      .click(function () {
        var btn = $(this)
        btn.button('loading')
@ -98,6 +98,6 @@
          btn.button('reset')
        }, 3000)
      })
-})
+  })

-}(window.jQuery)
+}(jQuery)
--- a/docs-assets/js/customize.js
+++ b/docs-assets/js/customize.js
--- a/docs-assets/js/customizer.js
+++ b/docs-assets/js/customizer.js
@ -5,9 +5,10 @@
 * details, see http://creativecommons.org/licenses/by/3.0/.
 */

+/* jshint multistr:true */

 window.onload = function () { // wait for load in a dumb way because B-0
-  var cw = '/*!\n * Bootstrap v3.0.0\n *\n * Copyright 2013 Twitter, Inc\n * Licensed under the Apache License v2.0\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Designed and built with all the love in the world @twitter by @mdo and @fat.\n */\n\n'
+  var cw = '/*!\n * Bootstrap v3.0.3 (http://getbootstrap.com)\n\n *\n * Copyright 2013 Twitter, Inc\n * Licensed under the Apache License v2.0\n * http://www.apache.org/licenses/LICENSE-2.0\n */\n\n'

  function showError(msg, err) {
    $('<div id="bsCustomizerAlert" class="bs-customizer-alert">\
@ -34,18 +35,18 @@ window.onload = function () { // wait for load in a dumb way because B-0
  }

  function getQueryParam(key) {
-    key = key.replace(/[*+?^$.\[\]{}()|\\\/]/g, "\\$&"); // escape RegEx meta chars
-    var match = location.search.match(new RegExp("[?&]"+key+"=([^&]+)(&|$)"));
-    return match && decodeURIComponent(match[1].replace(/\+/g, " "));
+    key = key.replace(/[*+?^$.\[\]{}()|\\\/]/g, '\\$&'); // escape RegEx meta chars
+    var match = location.search.match(new RegExp('[?&]' + key + '=([^&]+)(&|$)'));
+    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
  }

  function createGist(configJson) {
    var data = {
-      "description": "Bootstrap Customizer Config",
-      "public": true,
-      "files": {
-        "config.json": {
-          "content": configJson
+      'description': 'Bootstrap Customizer Config',
+      'public': true,
+      'files': {
+        'config.json': {
+          'content': configJson
        }
      }
    }
@ -55,10 +56,11 @@ window.onload = function () { // wait for load in a dumb way because B-0
      dataType: 'json',
      data: JSON.stringify(data)
    })
-    .success(function(result) {
-      history.replaceState(false, document.title, window.location.origin + window.location.pathname + '?id=' + result.id)
+    .success(function (result) {
+      var origin = window.location.protocol + '//' + window.location.host
+      history.replaceState(false, document.title, origin + window.location.pathname + '?id=' + result.id)
    })
-    .error(function(err) {
+    .error(function (err) {
      showError('<strong>Ruh roh!</strong> Could not save gist file, configuration not saved.', err)
    })
  }
@ -68,7 +70,7 @@ window.onload = function () { // wait for load in a dumb way because B-0

    $('#less-variables-section input')
        .each(function () {
-          $(this).val() && (vars[ $(this).prev().text() ] = $(this).val())
+          $(this).val() && (vars[$(this).prev().text()] = $(this).val())
        })

    var data = {
@ -92,7 +94,7 @@ window.onload = function () { // wait for load in a dumb way because B-0
      type: 'GET',
      dataType: 'json'
    })
-    .success(function(result) {
+    .success(function (result) {
      var data = JSON.parse(result.files['config.json'].content)
      if (data.js) {
        $('#plugin-section input').each(function () {
@ -110,7 +112,7 @@ window.onload = function () { // wait for load in a dumb way because B-0
        }
      }
    })
-    .error(function(err) {
+    .error(function (err) {
      showError('Error fetching bootstrap config file', err)
    })
  }
@ -129,15 +131,15 @@ window.onload = function () { // wait for load in a dumb way because B-0

    if (js) {
      var jsFolder = zip.folder('js')
-      for (var fileName in js) {
-        jsFolder.file(fileName, js[fileName])
+      for (var jsFileName in js) {
+        jsFolder.file(jsFileName, js[jsFileName])
      }
    }

    if (fonts) {
      var fontsFolder = zip.folder('fonts')
-      for (var fileName in fonts) {
-        fontsFolder.file(fileName, fonts[fileName], {base64: true})
+      for (var fontsFileName in fonts) {
+        fontsFolder.file(fontsFileName, fonts[fontsFileName], {base64: true})
      }
    }

@ -145,7 +147,7 @@ window.onload = function () { // wait for load in a dumb way because B-0
      zip.file('config.json', config)
    }

-    var content = zip.generate({type:"blob"})
+    var content = zip.generate({ type: 'blob' })

    complete(content)
  }
@ -200,7 +202,7 @@ window.onload = function () { // wait for load in a dumb way because B-0

    $('#less-variables-section input')
        .each(function () {
-          $(this).val() && (vars[ $(this).prev().text() ] = $(this).val())
+          $(this).val() && (vars[$(this).prev().text()] = $(this).val())
        })

    $.each(bootstrapLessFilenames(), function(index, filename) {
@ -309,22 +311,22 @@ window.onload = function () { // wait for load in a dumb way because B-0

    generateZip(generateCSS(), generateJavascript(), generateFonts(), configJson, function (blob) {
      $compileBtn.removeAttr('disabled')
-      saveAs(blob, "bootstrap.zip")
+      saveAs(blob, 'bootstrap.zip')
      createGist(configJson)
    })
  })

  // browser support alerts
  if (!window.URL && navigator.userAgent.toLowerCase().indexOf('safari') != -1) {
-    showCallout("Looks like you're using safari, which sadly doesn't have the best support\
-                 for HTML5 blobs. Because of this your file will be downloaded with the name <code>\"untitled\"</code>.\
-                 However, if you check your downloads folder, just rename this <code>\"untitled\"</code> file\
-                 to <code>\"bootstrap.zip\"</code> and you should be good to go!")
+    showCallout('Looks like you\'re using safari, which sadly doesn\'t have the best support\
+                 for HTML5 blobs. Because of this your file will be downloaded with the name <code>"untitled"</code>.\
+                 However, if you check your downloads folder, just rename this <code>"untitled"</code> file\
+                 to <code>"bootstrap.zip"</code> and you should be good to go!')
  } else if (!window.URL && !window.webkitURL) {
    $('.bs-docs-section, .bs-sidebar').css('display', 'none')

-    showCallout("Looks like your current browser doesn't support the Bootstrap Customizer. Please take a second\
-                to <a href=\"https://www.google.com/intl/en/chrome/browser/\"> upgrade to a more modern browser</a>.", true)
+    showCallout('Looks like your current browser doesn\'t support the Bootstrap Customizer. Please take a second\
+                 to <a href="https://www.google.com/intl/en/chrome/browser/"> upgrade to a more modern browser</a>.', true)
  }

  parseUrl()
--- a/docs-assets/js/filesaver.js
+++ b/docs-assets/js/filesaver.js
@ -14,156 +14,386 @@

 /*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */

-if (typeof Blob !== "function" || typeof URL === "undefined")
-if (typeof Blob === "function" && typeof webkitURL !== "undefined") self.URL = webkitURL;
+if (!(typeof Blob === "function" || typeof Blob === "object") || typeof URL === "undefined")
+if ((typeof Blob === "function" || typeof Blob === "object") && typeof webkitURL !== "undefined") self.URL = webkitURL;
 else var Blob = (function (view) {
-  "use strict";
+	"use strict";

-  var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || view.MSBlobBuilder || (function(view) {
-    var
-        get_class = function(object) {
-        return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
-      }
-      , FakeBlobBuilder = function BlobBuilder() {
-        this.data = [];
-      }
-      , FakeBlob = function Blob(data, type, encoding) {
-        this.data = data;
-        this.size = data.length;
-        this.type = type;
-        this.encoding = encoding;
-      }
-      , FBB_proto = FakeBlobBuilder.prototype
-      , FB_proto = FakeBlob.prototype
-      , FileReaderSync = view.FileReaderSync
-      , FileException = function(type) {
-        this.code = this[this.name = type];
-      }
-      , file_ex_codes = (
-          "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
-        + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
-      ).split(" ")
-      , file_ex_code = file_ex_codes.length
-      , real_URL = view.URL || view.webkitURL || view
-      , real_create_object_URL = real_URL.createObjectURL
-      , real_revoke_object_URL = real_URL.revokeObjectURL
-      , URL = real_URL
-      , btoa = view.btoa
-      , atob = view.atob
+	var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || view.MSBlobBuilder || (function(view) {
+		var
+			  get_class = function(object) {
+				return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
+			}
+			, FakeBlobBuilder = function BlobBuilder() {
+				this.data = [];
+			}
+			, FakeBlob = function Blob(data, type, encoding) {
+				this.data = data;
+				this.size = data.length;
+				this.type = type;
+				this.encoding = encoding;
+			}
+			, FBB_proto = FakeBlobBuilder.prototype
+			, FB_proto = FakeBlob.prototype
+			, FileReaderSync = view.FileReaderSync
+			, FileException = function(type) {
+				this.code = this[this.name = type];
+			}
+			, file_ex_codes = (
+				  "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
+				+ "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
+			).split(" ")
+			, file_ex_code = file_ex_codes.length
+			, real_URL = view.URL || view.webkitURL || view
+			, real_create_object_URL = real_URL.createObjectURL
+			, real_revoke_object_URL = real_URL.revokeObjectURL
+			, URL = real_URL
+			, btoa = view.btoa
+			, atob = view.atob

-      , ArrayBuffer = view.ArrayBuffer
-      , Uint8Array = view.Uint8Array
-    ;
-    FakeBlob.fake = FB_proto.fake = true;
-    while (file_ex_code--) {
-      FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
-    }
-    if (!real_URL.createObjectURL) {
-      URL = view.URL = {};
-    }
-    URL.createObjectURL = function(blob) {
-      var
-          type = blob.type
-        , data_URI_header
-      ;
-      if (type === null) {
-        type = "application/octet-stream";
-      }
-      if (blob instanceof FakeBlob) {
-        data_URI_header = "data:" + type;
-        if (blob.encoding === "base64") {
-          return data_URI_header + ";base64," + blob.data;
-        } else if (blob.encoding === "URI") {
-          return data_URI_header + "," + decodeURIComponent(blob.data);
-        } if (btoa) {
-          return data_URI_header + ";base64," + btoa(blob.data);
-        } else {
-          return data_URI_header + "," + encodeURIComponent(blob.data);
-        }
-      } else if (real_create_object_URL) {
-        return real_create_object_URL.call(real_URL, blob);
-      }
-    };
-    URL.revokeObjectURL = function(object_URL) {
-      if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
-        real_revoke_object_URL.call(real_URL, object_URL);
-      }
-    };
-    FBB_proto.append = function(data/*, endings*/) {
-      var bb = this.data;
-      // decode data to a binary string
-      if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) {
-        var
-            str = ""
-          , buf = new Uint8Array(data)
-          , i = 0
-          , buf_len = buf.length
-        ;
-        for (; i < buf_len; i++) {
-          str += String.fromCharCode(buf[i]);
-        }
-        bb.push(str);
-      } else if (get_class(data) === "Blob" || get_class(data) === "File") {
-        if (FileReaderSync) {
-          var fr = new FileReaderSync;
-          bb.push(fr.readAsBinaryString(data));
-        } else {
-          // async FileReader won't work as BlobBuilder is sync
-          throw new FileException("NOT_READABLE_ERR");
-        }
-      } else if (data instanceof FakeBlob) {
-        if (data.encoding === "base64" && atob) {
-          bb.push(atob(data.data));
-        } else if (data.encoding === "URI") {
-          bb.push(decodeURIComponent(data.data));
-        } else if (data.encoding === "raw") {
-          bb.push(data.data);
-        }
-      } else {
-        if (typeof data !== "string") {
-          data += ""; // convert unsupported types to strings
-        }
-        // decode UTF-16 to binary string
-        bb.push(unescape(encodeURIComponent(data)));
-      }
-    };
-    FBB_proto.getBlob = function(type) {
-      if (!arguments.length) {
-        type = null;
-      }
-      return new FakeBlob(this.data.join(""), type, "raw");
-    };
-    FBB_proto.toString = function() {
-      return "[object BlobBuilder]";
-    };
-    FB_proto.slice = function(start, end, type) {
-      var args = arguments.length;
-      if (args < 3) {
-        type = null;
-      }
-      return new FakeBlob(
-          this.data.slice(start, args > 1 ? end : this.data.length)
-        , type
-        , this.encoding
-      );
-    };
-    FB_proto.toString = function() {
-      return "[object Blob]";
-    };
-    return FakeBlobBuilder;
-  }(view));
+			, ArrayBuffer = view.ArrayBuffer
+			, Uint8Array = view.Uint8Array
+		;
+		FakeBlob.fake = FB_proto.fake = true;
+		while (file_ex_code--) {
+			FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
+		}
+		if (!real_URL.createObjectURL) {
+			URL = view.URL = {};
+		}
+		URL.createObjectURL = function(blob) {
+			var
+				  type = blob.type
+				, data_URI_header
+			;
+			if (type === null) {
+				type = "application/octet-stream";
+			}
+			if (blob instanceof FakeBlob) {
+				data_URI_header = "data:" + type;
+				if (blob.encoding === "base64") {
+					return data_URI_header + ";base64," + blob.data;
+				} else if (blob.encoding === "URI") {
+					return data_URI_header + "," + decodeURIComponent(blob.data);
+				} if (btoa) {
+					return data_URI_header + ";base64," + btoa(blob.data);
+				} else {
+					return data_URI_header + "," + encodeURIComponent(blob.data);
+				}
+			} else if (real_create_object_URL) {
+				return real_create_object_URL.call(real_URL, blob);
+			}
+		};
+		URL.revokeObjectURL = function(object_URL) {
+			if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
+				real_revoke_object_URL.call(real_URL, object_URL);
+			}
+		};
+		FBB_proto.append = function(data/*, endings*/) {
+			var bb = this.data;
+			// decode data to a binary string
+			if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) {
+				var
+					  str = ""
+					, buf = new Uint8Array(data)
+					, i = 0
+					, buf_len = buf.length
+				;
+				for (; i < buf_len; i++) {
+					str += String.fromCharCode(buf[i]);
+				}
+				bb.push(str);
+			} else if (get_class(data) === "Blob" || get_class(data) === "File") {
+				if (FileReaderSync) {
+					var fr = new FileReaderSync;
+					bb.push(fr.readAsBinaryString(data));
+				} else {
+					// async FileReader won't work as BlobBuilder is sync
+					throw new FileException("NOT_READABLE_ERR");
+				}
+			} else if (data instanceof FakeBlob) {
+				if (data.encoding === "base64" && atob) {
+					bb.push(atob(data.data));
+				} else if (data.encoding === "URI") {
+					bb.push(decodeURIComponent(data.data));
+				} else if (data.encoding === "raw") {
+					bb.push(data.data);
+				}
+			} else {
+				if (typeof data !== "string") {
+					data += ""; // convert unsupported types to strings
+				}
+				// decode UTF-16 to binary string
+				bb.push(unescape(encodeURIComponent(data)));
+			}
+		};
+		FBB_proto.getBlob = function(type) {
+			if (!arguments.length) {
+				type = null;
+			}
+			return new FakeBlob(this.data.join(""), type, "raw");
+		};
+		FBB_proto.toString = function() {
+			return "[object BlobBuilder]";
+		};
+		FB_proto.slice = function(start, end, type) {
+			var args = arguments.length;
+			if (args < 3) {
+				type = null;
+			}
+			return new FakeBlob(
+				  this.data.slice(start, args > 1 ? end : this.data.length)
+				, type
+				, this.encoding
+			);
+		};
+		FB_proto.toString = function() {
+			return "[object Blob]";
+		};
+		return FakeBlobBuilder;
+	}(view));

-  return function Blob(blobParts, options) {
-    var type = options ? (options.type || "") : "";
-    var builder = new BlobBuilder();
-    if (blobParts) {
-      for (var i = 0, len = blobParts.length; i < len; i++) {
-        builder.append(blobParts[i]);
-      }
-    }
-    return builder.getBlob(type);
-  };
+	return function Blob(blobParts, options) {
+		var type = options ? (options.type || "") : "";
+		var builder = new BlobBuilder();
+		if (blobParts) {
+			for (var i = 0, len = blobParts.length; i < len; i++) {
+				builder.append(blobParts[i]);
+			}
+		}
+		return builder.getBlob(type);
+	};
 }(self));

+/* FileSaver.js
+ * A saveAs() FileSaver implementation.
+ * 2013-10-21
+ *
+ * By Eli Grey, http://eligrey.com
+ * License: X11/MIT
+ *   See LICENSE.md
+ */
+
+/*global self */
+/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true,
+  plusplus: true */
+
 /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
-var saveAs=saveAs||(navigator.msSaveOrOpenBlob&&navigator.msSaveOrOpenBlob.bind(navigator))||(function(h){"use strict";var r=h.document,l=function(){return h.URL||h.webkitURL||h},e=h.URL||h.webkitURL||h,n=r.createElementNS("http://www.w3.org/1999/xhtml","a"),g=!h.externalHost&&"download" in n,j=function(t){var s=r.createEvent("MouseEvents");s.initMouseEvent("click",true,false,h,0,0,0,0,0,false,false,false,false,0,null);t.dispatchEvent(s)},o=h.webkitRequestFileSystem,p=h.requestFileSystem||o||h.mozRequestFileSystem,m=function(s){(h.setImmediate||h.setTimeout)(function(){throw s},0)},c="application/octet-stream",k=0,b=[],i=function(){var t=b.length;while(t--){var s=b[t];if(typeof s==="string"){e.revokeObjectURL(s)}else{s.remove()}}b.length=0},q=function(t,s,w){s=[].concat(s);var v=s.length;while(v--){var x=t["on"+s[v]];if(typeof x==="function"){try{x.call(t,w||t)}catch(u){m(u)}}}},f=function(t,u){var v=this,B=t.type,E=false,x,w,s=function(){var F=l().createObjectURL(t);b.push(F);return F},A=function(){q(v,"writestart progress write writeend".split(" "))},D=function(){if(E||!x){x=s(t)}if(w){w.location.href=x}else{window.open(x,"_blank")}v.readyState=v.DONE;A()},z=function(F){return function(){if(v.readyState!==v.DONE){return F.apply(this,arguments)}}},y={create:true,exclusive:false},C;v.readyState=v.INIT;if(!u){u="download"}if(g){x=s(t);n.href=x;n.download=u;j(n);v.readyState=v.DONE;A();return}if(h.chrome&&B&&B!==c){C=t.slice||t.webkitSlice;t=C.call(t,0,t.size,c);E=true}if(o&&u!=="download"){u+=".download"}if(B===c||o){w=h}if(!p){D();return}k+=t.size;p(h.TEMPORARY,k,z(function(F){F.root.getDirectory("saved",y,z(function(G){var H=function(){G.getFile(u,y,z(function(I){I.createWriter(z(function(J){J.onwriteend=function(K){w.location.href=I.toURL();b.push(I);v.readyState=v.DONE;q(v,"writeend",K)};J.onerror=function(){var K=J.error;if(K.code!==K.ABORT_ERR){D()}};"writestart progress write abort".split(" ").forEach(function(K){J["on"+K]=v["on"+K]});J.write(t);v.abort=function(){J.abort();v.readyState=v.DONE};v.readyState=v.WRITING}),D)}),D)};G.getFile(u,{create:false},z(function(I){I.remove();H()}),z(function(I){if(I.code===I.NOT_FOUND_ERR){H()}else{D()}}))}),D)}),D)},d=f.prototype,a=function(s,t){return new f(s,t)};d.abort=function(){var s=this;s.readyState=s.DONE;q(s,"abort")};d.readyState=d.INIT=0;d.WRITING=1;d.DONE=2;d.error=d.onwritestart=d.onprogress=d.onwrite=d.onabort=d.onerror=d.onwriteend=null;h.addEventListener("unload",i,false);return a}(self));
+
+var saveAs = saveAs
+  || (typeof navigator !== 'undefined' && navigator.msSaveOrOpenBlob && navigator.msSaveOrOpenBlob.bind(navigator))
+  || (function(view) {
+	"use strict";
+	var
+		  doc = view.document
+		  // only get URL when necessary in case BlobBuilder.js hasn't overridden it yet
+		, get_URL = function() {
+			return view.URL || view.webkitURL || view;
+		}
+		, URL = view.URL || view.webkitURL || view
+		, save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a")
+		, can_use_save_link =  !view.externalHost && "download" in save_link
+		, click = function(node) {
+			var event = doc.createEvent("MouseEvents");
+			event.initMouseEvent(
+				"click", true, false, view, 0, 0, 0, 0, 0
+				, false, false, false, false, 0, null
+			);
+			node.dispatchEvent(event);
+		}
+		, webkit_req_fs = view.webkitRequestFileSystem
+		, req_fs = view.requestFileSystem || webkit_req_fs || view.mozRequestFileSystem
+		, throw_outside = function (ex) {
+			(view.setImmediate || view.setTimeout)(function() {
+				throw ex;
+			}, 0);
+		}
+		, force_saveable_type = "application/octet-stream"
+		, fs_min_size = 0
+		, deletion_queue = []
+		, process_deletion_queue = function() {
+			var i = deletion_queue.length;
+			while (i--) {
+				var file = deletion_queue[i];
+				if (typeof file === "string") { // file is an object URL
+					URL.revokeObjectURL(file);
+				} else { // file is a File
+					file.remove();
+				}
+			}
+			deletion_queue.length = 0; // clear queue
+		}
+		, dispatch = function(filesaver, event_types, event) {
+			event_types = [].concat(event_types);
+			var i = event_types.length;
+			while (i--) {
+				var listener = filesaver["on" + event_types[i]];
+				if (typeof listener === "function") {
+					try {
+						listener.call(filesaver, event || filesaver);
+					} catch (ex) {
+						throw_outside(ex);
+					}
+				}
+			}
+		}
+		, FileSaver = function(blob, name) {
+			// First try a.download, then web filesystem, then object URLs
+			var
+				  filesaver = this
+				, type = blob.type
+				, blob_changed = false
+				, object_url
+				, target_view
+				, get_object_url = function() {
+					var object_url = get_URL().createObjectURL(blob);
+					deletion_queue.push(object_url);
+					return object_url;
+				}
+				, dispatch_all = function() {
+					dispatch(filesaver, "writestart progress write writeend".split(" "));
+				}
+				// on any filesys errors revert to saving with object URLs
+				, fs_error = function() {
+					// don't create more object URLs than needed
+					if (blob_changed || !object_url) {
+						object_url = get_object_url(blob);
+					}
+					if (target_view) {
+						target_view.location.href = object_url;
+					} else {
+                        window.open(object_url, "_blank");
+                    }
+					filesaver.readyState = filesaver.DONE;
+					dispatch_all();
+				}
+				, abortable = function(func) {
+					return function() {
+						if (filesaver.readyState !== filesaver.DONE) {
+							return func.apply(this, arguments);
+						}
+					};
+				}
+				, create_if_not_found = {create: true, exclusive: false}
+				, slice
+			;
+			filesaver.readyState = filesaver.INIT;
+			if (!name) {
+				name = "download";
+			}
+			if (can_use_save_link) {
+				object_url = get_object_url(blob);
+				// FF for Android has a nasty garbage collection mechanism
+				// that turns all objects that are not pure javascript into 'deadObject'
+				// this means `doc` and `save_link` are unusable and need to be recreated
+				// `view` is usable though:
+				doc = view.document;
+				save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a");
+				save_link.href = object_url;
+				save_link.download = name;
+				var event = doc.createEvent("MouseEvents");
+				event.initMouseEvent(
+					"click", true, false, view, 0, 0, 0, 0, 0
+					, false, false, false, false, 0, null
+				);
+				save_link.dispatchEvent(event);
+				filesaver.readyState = filesaver.DONE;
+				dispatch_all();
+				return;
+			}
+			// Object and web filesystem URLs have a problem saving in Google Chrome when
+			// viewed in a tab, so I force save with application/octet-stream
+			// http://code.google.com/p/chromium/issues/detail?id=91158
+			if (view.chrome && type && type !== force_saveable_type) {
+				slice = blob.slice || blob.webkitSlice;
+				blob = slice.call(blob, 0, blob.size, force_saveable_type);
+				blob_changed = true;
+			}
+			// Since I can't be sure that the guessed media type will trigger a download
+			// in WebKit, I append .download to the filename.
+			// https://bugs.webkit.org/show_bug.cgi?id=65440
+			if (webkit_req_fs && name !== "download") {
+				name += ".download";
+			}
+			if (type === force_saveable_type || webkit_req_fs) {
+				target_view = view;
+			}
+			if (!req_fs) {
+				fs_error();
+				return;
+			}
+			fs_min_size += blob.size;
+			req_fs(view.TEMPORARY, fs_min_size, abortable(function(fs) {
+				fs.root.getDirectory("saved", create_if_not_found, abortable(function(dir) {
+					var save = function() {
+						dir.getFile(name, create_if_not_found, abortable(function(file) {
+							file.createWriter(abortable(function(writer) {
+								writer.onwriteend = function(event) {
+									target_view.location.href = file.toURL();
+									deletion_queue.push(file);
+									filesaver.readyState = filesaver.DONE;
+									dispatch(filesaver, "writeend", event);
+								};
+								writer.onerror = function() {
+									var error = writer.error;
+									if (error.code !== error.ABORT_ERR) {
+										fs_error();
+									}
+								};
+								"writestart progress write abort".split(" ").forEach(function(event) {
+									writer["on" + event] = filesaver["on" + event];
+								});
+								writer.write(blob);
+								filesaver.abort = function() {
+									writer.abort();
+									filesaver.readyState = filesaver.DONE;
+								};
+								filesaver.readyState = filesaver.WRITING;
+							}), fs_error);
+						}), fs_error);
+					};
+					dir.getFile(name, {create: false}, abortable(function(file) {
+						// delete file if it already exists
+						file.remove();
+						save();
+					}), abortable(function(ex) {
+						if (ex.code === ex.NOT_FOUND_ERR) {
+							save();
+						} else {
+							fs_error();
+						}
+					}));
+				}), fs_error);
+			}), fs_error);
+		}
+		, FS_proto = FileSaver.prototype
+		, saveAs = function(blob, name) {
+			return new FileSaver(blob, name);
+		}
+	;
+	FS_proto.abort = function() {
+		var filesaver = this;
+		filesaver.readyState = filesaver.DONE;
+		dispatch(filesaver, "abort");
+	};
+	FS_proto.readyState = FS_proto.INIT = 0;
+	FS_proto.WRITING = 1;
+	FS_proto.DONE = 2;
+
+	FS_proto.error =
+	FS_proto.onwritestart =
+	FS_proto.onprogress =
+	FS_proto.onwrite =
+	FS_proto.onabort =
+	FS_proto.onerror =
+	FS_proto.onwriteend =
+		null;
+
+	view.addEventListener("unload", process_deletion_queue, false);
+	return saveAs;
+}(this.self || this.window || this.content));
+// `self` is undefined in Firefox for Android content script context
+// while `this` is nsIContentFrameMessageManager
+// with an attribute `content` that corresponds to the window
+
+if (typeof module !== 'undefined') module.exports = saveAs;
--- a/docs-assets/js/holder.js
+++ b/docs-assets/js/holder.js
@ -1,6 +1,6 @@
 /*

-Holder - 2.1 - client side image placeholders
+Holder - 2.2 - client side image placeholders
 (c) 2012-2013 Ivan Malopinsky / http://imsky.co

 Provided under the MIT License.
@ -14,6 +14,8 @@ var Holder = Holder || {};
 var preempted = false,
 fallback = false,
 canvas = document.createElement('canvas');
+var dpr = 1, bsr = 1;
+var resizable_images = [];

 if (!canvas.getContext) {
 	fallback = true;
@ -27,8 +29,6 @@ if (!canvas.getContext) {
 	}
 }

-var dpr = 1, bsr = 1;
-	
 if(!fallback){
    dpr = window.devicePixelRatio || 1,
    bsr = ctx.webkitBackingStorePixelRatio || ctx.mozBackingStorePixelRatio || ctx.msBackingStorePixelRatio || ctx.oBackingStorePixelRatio || ctx.backingStorePixelRatio || 1;
@ -36,181 +36,6 @@ if(!fallback){

 var ratio = dpr / bsr;

-//getElementsByClassName polyfill
-document.getElementsByClassName||(document.getElementsByClassName=function(e){var t=document,n,r,i,s=[];if(t.querySelectorAll)return t.querySelectorAll("."+e);if(t.evaluate){r=".//*[contains(concat(' ', @class, ' '), ' "+e+" ')]",n=t.evaluate(r,t,null,0,null);while(i=n.iterateNext())s.push(i)}else{n=t.getElementsByTagName("*"),r=new RegExp("(^|\\s)"+e+"(\\s|$)");for(i=0;i<n.length;i++)r.test(n[i].className)&&s.push(n[i])}return s})
-
-//getComputedStyle polyfill
-window.getComputedStyle||(window.getComputedStyle=function(e){return this.el=e,this.getPropertyValue=function(t){var n=/(\-([a-z]){1})/g;return t=="float"&&(t="styleFloat"),n.test(t)&&(t=t.replace(n,function(){return arguments[2].toUpperCase()})),e.currentStyle[t]?e.currentStyle[t]:null},this})
-
-//http://javascript.nwbox.com/ContentLoaded by Diego Perini with modifications
-function contentLoaded(n,t){var l="complete",s="readystatechange",u=!1,h=u,c=!0,i=n.document,a=i.documentElement,e=i.addEventListener?"addEventListener":"attachEvent",v=i.addEventListener?"removeEventListener":"detachEvent",f=i.addEventListener?"":"on",r=function(e){(e.type!=s||i.readyState==l)&&((e.type=="load"?n:i)[v](f+e.type,r,u),!h&&(h=!0)&&t.call(n,null))},o=function(){try{a.doScroll("left")}catch(n){setTimeout(o,50);return}r("poll")};if(i.readyState==l)t.call(n,"lazy");else{if(i.createEventObject&&a.doScroll){try{c=!n.frameElement}catch(y){}c&&o()}i[e](f+"DOMContentLoaded",r,u),i[e](f+s,r,u),n[e](f+"load",r,u)}}
-
-//https://gist.github.com/991057 by Jed Schmidt with modifications
-function selector(a){
-	a=a.match(/^(\W)?(.*)/);var b=document["getElement"+(a[1]?a[1]=="#"?"ById":"sByClassName":"sByTagName")](a[2]);
-	var ret=[];	b!==null&&(b.length?ret=b:b.length===0?ret=b:ret=[b]);	return ret;
-}
-
-//shallow object property extend
-function extend(a,b){var c={};for(var d in a)c[d]=a[d];for(var e in b)c[e]=b[e];return c}
-
-//hasOwnProperty polyfill
-if (!Object.prototype.hasOwnProperty)
-    /*jshint -W001, -W103 */
-    Object.prototype.hasOwnProperty = function(prop) {
-		var proto = this.__proto__ || this.constructor.prototype;
-		return (prop in this) && (!(prop in proto) || proto[prop] !== this[prop]);
-	}
-    /*jshint +W001, +W103 */
-
-function text_size(width, height, template) {
-	height = parseInt(height, 10);
-	width = parseInt(width, 10);
-	var bigSide = Math.max(height, width)
-	var smallSide = Math.min(height, width)
-	var scale = 1 / 12;
-	var newHeight = Math.min(smallSide * 0.75, 0.75 * bigSide * scale);
-	return {
-		height: Math.round(Math.max(template.size, newHeight))
-	}
-}
-
-function draw(ctx, dimensions, template, ratio, literal) {
-	var ts = text_size(dimensions.width, dimensions.height, template);
-	var text_height = ts.height;
-	var width = dimensions.width * ratio,
-		height = dimensions.height * ratio;
-	var font = template.font ? template.font : "sans-serif";
-	canvas.width = width;
-	canvas.height = height;
-	ctx.textAlign = "center";
-	ctx.textBaseline = "middle";
-	ctx.fillStyle = template.background;
-	ctx.fillRect(0, 0, width, height);
-	ctx.fillStyle = template.foreground;
-	ctx.font = "bold " + text_height + "px " + font;
-	var text = template.text ? template.text : (Math.floor(dimensions.width) + "x" + Math.floor(dimensions.height));
-	if (literal) {
-		text = template.literalText;
-	}
-	var text_width = ctx.measureText(text).width;
-	if (text_width / width >= 0.75) {
-		text_height = Math.floor(text_height * 0.75 * (width / text_width));
-	}
-	//Resetting font size if necessary
-	ctx.font = "bold " + (text_height * ratio) + "px " + font;
-	ctx.fillText(text, (width / 2), (height / 2), width);
-	return canvas.toDataURL("image/png");
-}
-
-function render(mode, el, holder, src) {
-	var dimensions = holder.dimensions,
-		theme = holder.theme,
-		text = holder.text ? decodeURIComponent(holder.text) : holder.text;
-	var dimensions_caption = dimensions.width + "x" + dimensions.height;
-	theme = (text ? extend(theme, {
-		text: text
-	}) : theme);
-	theme = (holder.font ? extend(theme, {
-		font: holder.font
-	}) : theme);
-	el.setAttribute("data-src", src);
-	theme.literalText = dimensions_caption;
-	holder.originalTheme = holder.theme;
-	holder.theme = theme;
-
-	if (mode == "image") {
-		el.setAttribute("alt", text ? text : theme.text ? theme.text + " [" + dimensions_caption + "]" : dimensions_caption);
-		if (fallback || !holder.auto) {
-			el.style.width = dimensions.width + "px";
-			el.style.height = dimensions.height + "px";
-		}
-		if (fallback) {
-			el.style.backgroundColor = theme.background;
-		} else {
-			el.setAttribute("src", draw(ctx, dimensions, theme, ratio));
-		}
-	} else if (mode == "background") {
-		if (!fallback) {
-			el.style.backgroundImage = "url(" + draw(ctx, dimensions, theme, ratio) + ")";
-			el.style.backgroundSize = dimensions.width + "px " + dimensions.height + "px";
-		}
-	} else if (mode == "fluid") {
-		el.setAttribute("alt", text ? text : theme.text ? theme.text + " [" + dimensions_caption + "]" : dimensions_caption);
-		if (dimensions.height.slice(-1) == "%") {
-			el.style.height = dimensions.height
-		} else {
-			el.style.height = dimensions.height + "px"
-		}
-		if (dimensions.width.slice(-1) == "%") {
-			el.style.width = dimensions.width
-		} else {
-			el.style.width = dimensions.width + "px"
-		}
-		if (el.style.display == "inline" || el.style.display === "") {
-			el.style.display = "block";
-		}
-		if (fallback) {
-			el.style.backgroundColor = theme.background;
-		} else {
-			el.holderData = holder;
-			fluid_images.push(el);
-			fluid_update(el);
-		}
-	}
-}
-
-function fluid_update(element) {
-	var images;
-	if (element.nodeType == null) {
-		images = fluid_images;
-	} else {
-		images = [element]
-	}
-	for (var i in images) {
-		var el = images[i]
-		if (el.holderData) {
-			var holder = el.holderData;
-			el.setAttribute("src", draw(ctx, {
-				height: el.clientHeight,
-				width: el.clientWidth
-			}, holder.theme, ratio, !! holder.literal));
-		}
-	}
-}
-
-function parse_flags(flags, options) {
-	var ret = {
-		theme: settings.themes.gray
-	};
-	var render = false;
-	for (sl = flags.length, j = 0; j < sl; j++) {
-		var flag = flags[j];
-		if (app.flags.dimensions.match(flag)) {
-			render = true;
-			ret.dimensions = app.flags.dimensions.output(flag);
-		} else if (app.flags.fluid.match(flag)) {
-			render = true;
-			ret.dimensions = app.flags.fluid.output(flag);
-			ret.fluid = true;
-		} else if (app.flags.literal.match(flag)) {
-			ret.literal = true;
-		} else if (app.flags.colors.match(flag)) {
-			ret.theme = app.flags.colors.output(flag);
-		} else if (options.themes[flag]) {
-			//If a theme is specified, it will override custom colors
-			ret.theme = options.themes[flag];
-		} else if (app.flags.font.match(flag)) {
-			ret.font = app.flags.font.output(flag);
-		} else if (app.flags.auto.match(flag)) {
-			ret.auto = true;
-		} else if (app.flags.text.match(flag)) {
-			ret.text = app.flags.text.output(flag);
-		}
-	}
-	return render ? ret : false;
-}
-var fluid_images = [];
 var settings = {
 	domain: "holder.js",
 	images: "img",
@ -230,6 +55,21 @@ var settings = {
 			background: "#434A52",
 			foreground: "#C2F200",
 			size: 12
+		},
+		"sky": {
+			background: "#0D8FDB",
+			foreground: "#fff",
+			size: 12
+		},
+		"vine": {
+			background: "#39DBAC",
+			foreground: "#1E292C",
+			size: 12
+		},
+		"lava": {
+			background: "#F8591A",
+			foreground: "#1C2846",
+			size: 12
 		}
 	},
 	stylesheet: ""
@ -281,10 +121,264 @@ app.flags = {
 	auto: {
 		regex: /^auto$/
 	},
-	literal: {
-		regex: /^literal$/
+	textmode: {
+		regex: /textmode\:(.*)/,
+		output: function(val){
+			return this.regex.exec(val)[1];
+		}
 	}
 }
+
+//getElementsByClassName polyfill
+document.getElementsByClassName||(document.getElementsByClassName=function(e){var t=document,n,r,i,s=[];if(t.querySelectorAll)return t.querySelectorAll("."+e);if(t.evaluate){r=".//*[contains(concat(' ', @class, ' '), ' "+e+" ')]",n=t.evaluate(r,t,null,0,null);while(i=n.iterateNext())s.push(i)}else{n=t.getElementsByTagName("*"),r=new RegExp("(^|\\s)"+e+"(\\s|$)");for(i=0;i<n.length;i++)r.test(n[i].className)&&s.push(n[i])}return s})
+
+//getComputedStyle polyfill
+window.getComputedStyle||(window.getComputedStyle=function(e){return this.el=e,this.getPropertyValue=function(t){var n=/(\-([a-z]){1})/g;return t=="float"&&(t="styleFloat"),n.test(t)&&(t=t.replace(n,function(){return arguments[2].toUpperCase()})),e.currentStyle[t]?e.currentStyle[t]:null},this})
+
+//http://javascript.nwbox.com/ContentLoaded by Diego Perini with modifications
+function contentLoaded(n,t){var l="complete",s="readystatechange",u=!1,h=u,c=!0,i=n.document,a=i.documentElement,e=i.addEventListener?"addEventListener":"attachEvent",v=i.addEventListener?"removeEventListener":"detachEvent",f=i.addEventListener?"":"on",r=function(e){(e.type!=s||i.readyState==l)&&((e.type=="load"?n:i)[v](f+e.type,r,u),!h&&(h=!0)&&t.call(n,null))},o=function(){try{a.doScroll("left")}catch(n){setTimeout(o,50);return}r("poll")};if(i.readyState==l)t.call(n,"lazy");else{if(i.createEventObject&&a.doScroll){try{c=!n.frameElement}catch(y){}c&&o()}i[e](f+"DOMContentLoaded",r,u),i[e](f+s,r,u),n[e](f+"load",r,u)}}
+
+//https://gist.github.com/991057 by Jed Schmidt with modifications
+function selector(a){
+	a=a.match(/^(\W)?(.*)/);var b=document["getElement"+(a[1]?a[1]=="#"?"ById":"sByClassName":"sByTagName")](a[2]);
+	var ret=[];	b!==null&&(b.length?ret=b:b.length===0?ret=b:ret=[b]);	return ret;
+}
+
+//shallow object property extend
+function extend(a,b){
+	var c={};
+	for(var i in a){
+		if(a.hasOwnProperty(i)){
+			c[i]=a[i];
+		}
+	}
+	for(var i in b){
+		if(b.hasOwnProperty(i)){
+			c[i]=b[i];
+		}
+	}
+	return c
+}
+
+//hasOwnProperty polyfill
+if (!Object.prototype.hasOwnProperty)
+    /*jshint -W001, -W103 */
+    Object.prototype.hasOwnProperty = function(prop) {
+		var proto = this.__proto__ || this.constructor.prototype;
+		return (prop in this) && (!(prop in proto) || proto[prop] !== this[prop]);
+	}
+    /*jshint +W001, +W103 */
+
+function text_size(width, height, template) {
+	height = parseInt(height, 10);
+	width = parseInt(width, 10);
+	var bigSide = Math.max(height, width)
+	var smallSide = Math.min(height, width)
+	var scale = 1 / 12;
+	var newHeight = Math.min(smallSide * 0.75, 0.75 * bigSide * scale);
+	return {
+		height: Math.round(Math.max(template.size, newHeight))
+	}
+}
+
+function draw(args) {
+	var ctx = args.ctx;
+	var dimensions = args.dimensions;
+	var template = args.template;
+	var ratio = args.ratio;
+	var holder = args.holder;
+	var literal = holder.textmode == "literal";
+	var exact = holder.textmode == "exact";
+
+	var ts = text_size(dimensions.width, dimensions.height, template);
+	var text_height = ts.height;
+	var width = dimensions.width * ratio,
+		height = dimensions.height * ratio;
+	var font = template.font ? template.font : "sans-serif";
+	canvas.width = width;
+	canvas.height = height;
+	ctx.textAlign = "center";
+	ctx.textBaseline = "middle";
+	ctx.fillStyle = template.background;
+	ctx.fillRect(0, 0, width, height);
+	ctx.fillStyle = template.foreground;
+	ctx.font = "bold " + text_height + "px " + font;
+	var text = template.text ? template.text : (Math.floor(dimensions.width) + "x" + Math.floor(dimensions.height));
+	if (literal) {
+		var dimensions = holder.dimensions;
+		text = dimensions.width + "x" + dimensions.height;
+	}
+	else if(exact && holder.exact_dimensions){
+		var dimensions = holder.exact_dimensions;
+		text = (Math.floor(dimensions.width) + "x" + Math.floor(dimensions.height));
+	}
+	var text_width = ctx.measureText(text).width;
+	if (text_width / width >= 0.75) {
+		text_height = Math.floor(text_height * 0.75 * (width / text_width));
+	}
+	//Resetting font size if necessary
+	ctx.font = "bold " + (text_height * ratio) + "px " + font;
+	ctx.fillText(text, (width / 2), (height / 2), width);
+	return canvas.toDataURL("image/png");
+}
+
+function render(mode, el, holder, src) {
+	
+	var dimensions = holder.dimensions,
+		theme = holder.theme,
+		text = holder.text ? decodeURIComponent(holder.text) : holder.text;
+	var dimensions_caption = dimensions.width + "x" + dimensions.height;
+	theme = (text ? extend(theme, {
+		text: text
+	}) : theme);
+	theme = (holder.font ? extend(theme, {
+		font: holder.font
+	}) : theme);
+	el.setAttribute("data-src", src);
+	holder.theme = theme;
+	el.holder_data = holder;
+	
+	if (mode == "image") {
+		el.setAttribute("alt", text ? text : theme.text ? theme.text + " [" + dimensions_caption + "]" : dimensions_caption);
+		if (fallback || !holder.auto) {
+			el.style.width = dimensions.width + "px";
+			el.style.height = dimensions.height + "px";
+		}
+		if (fallback) {
+			el.style.backgroundColor = theme.background;
+		} else {
+			el.setAttribute("src", draw({ctx: ctx, dimensions: dimensions, template: theme, ratio:ratio, holder: holder}));
+			
+			if(holder.textmode && holder.textmode == "exact"){
+				resizable_images.push(el);
+				resizable_update(el);
+			}
+			
+		}
+	} else if (mode == "background") {
+		if (!fallback) {
+			el.style.backgroundImage = "url(" + draw({ctx:ctx, dimensions: dimensions, template: theme, ratio: ratio, holder: holder}) + ")";
+			el.style.backgroundSize = dimensions.width + "px " + dimensions.height + "px";
+		}
+	} else if (mode == "fluid") {
+		el.setAttribute("alt", text ? text : theme.text ? theme.text + " [" + dimensions_caption + "]" : dimensions_caption);
+		if (dimensions.height.slice(-1) == "%") {
+			el.style.height = dimensions.height
+		} else {
+			el.style.height = dimensions.height + "px"
+		}
+		if (dimensions.width.slice(-1) == "%") {
+			el.style.width = dimensions.width
+		} else {
+			el.style.width = dimensions.width + "px"
+		}
+		if (el.style.display == "inline" || el.style.display === "" || el.style.display == "none") {
+			el.style.display = "block";
+		}
+		if (fallback) {
+			el.style.backgroundColor = theme.background;
+		} else {
+			resizable_images.push(el);
+			resizable_update(el);
+		}
+	}
+}
+
+function dimension_check(el, callback) {
+	var dimensions = {
+		height: el.clientHeight,
+		width: el.clientWidth
+	};
+	if (!dimensions.height && !dimensions.width) {
+		if (el.hasAttribute("data-holder-invisible")) {
+			throw new Error("Holder: placeholder is not visible");
+		} else {
+			el.setAttribute("data-holder-invisible", true)
+			setTimeout(function () {
+				callback.call(this, el)
+			}, 1)
+			return null;
+		}
+	} else {
+		el.removeAttribute("data-holder-invisible")
+	}
+	return dimensions;
+}
+
+function resizable_update(element) {
+	var images;
+	if (element.nodeType == null) {
+		images = resizable_images;
+	} else {
+		images = [element]
+	}
+	for (var i in images) {
+		if (!images.hasOwnProperty(i)) {
+			continue;
+		}
+		var el = images[i]
+		if (el.holder_data) {
+			var holder = el.holder_data;
+			var dimensions = dimension_check(el, resizable_update)
+			if(dimensions){
+				if(holder.fluid){
+					el.setAttribute("src", draw({
+						ctx: ctx,
+						dimensions: dimensions,
+						template: holder.theme,
+						ratio: ratio,
+						holder: holder
+					}))
+				}
+				if(holder.textmode && holder.textmode == "exact"){
+					holder.exact_dimensions = dimensions;
+					el.setAttribute("src", draw({
+						ctx: ctx,
+						dimensions: holder.dimensions,
+						template: holder.theme,
+						ratio: ratio,
+						holder: holder
+					}))
+				}
+			}
+		}
+	}
+}
+
+function parse_flags(flags, options) {
+	var ret = {
+		theme: extend(settings.themes.gray, {})
+	};
+	var render = false;
+	for (sl = flags.length, j = 0; j < sl; j++) {
+		var flag = flags[j];
+		if (app.flags.dimensions.match(flag)) {
+			render = true;
+			ret.dimensions = app.flags.dimensions.output(flag);
+		} else if (app.flags.fluid.match(flag)) {
+			render = true;
+			ret.dimensions = app.flags.fluid.output(flag);
+			ret.fluid = true;
+		} else if (app.flags.textmode.match(flag)) {
+			ret.textmode = app.flags.textmode.output(flag)
+		} else if (app.flags.colors.match(flag)) {
+			ret.theme = app.flags.colors.output(flag);
+		} else if (options.themes[flag]) {
+			//If a theme is specified, it will override custom colors
+			if(options.themes.hasOwnProperty(flag)){
+				ret.theme = extend(options.themes[flag], {});
+			}
+		} else if (app.flags.font.match(flag)) {
+			ret.font = app.flags.font.output(flag);
+		} else if (app.flags.auto.match(flag)) {
+			ret.auto = true;
+		} else if (app.flags.text.match(flag)) {
+			ret.text = app.flags.text.output(flag);
+		}
+	}
+	return render ? ret : false;
+}
+
 for (var flag in app.flags) {
 	if (!app.flags.hasOwnProperty(flag)) continue;
 	app.flags[flag].match = function (val) {
@ -307,6 +401,8 @@ app.add_image = function (src, el) {
 	return app;
 };
 app.run = function (o) {
+	preempted = true;
+	
 	var options = extend(settings, o),
 		images = [],
 		imageNodes = [],
@ -318,6 +414,7 @@ app.run = function (o) {
 	} else if (window.Node && options.images instanceof window.Node) {
 		imageNodes = [options.images];
 	}
+	
 	if (typeof (options.bgnodes) == "string") {
 		bgnodes = selector(options.bgnodes);
 	} else if (window.NodeList && options.elements instanceof window.NodeList) {
@ -325,7 +422,6 @@ app.run = function (o) {
 	} else if (window.Node && options.bgnodes instanceof window.Node) {
 		bgnodes = [options.bgnodes];
 	}
-	preempted = true;
 	for (i = 0, l = imageNodes.length; i < l; i++) images.push(imageNodes[i]);
 	var holdercss = document.getElementById("holderjs-style");
 	if (!holdercss) {
@ -388,10 +484,10 @@ app.run = function (o) {
 };
 contentLoaded(win, function () {
 	if (window.addEventListener) {
-		window.addEventListener("resize", fluid_update, false);
-		window.addEventListener("orientationchange", fluid_update, false);
+		window.addEventListener("resize", resizable_update, false);
+		window.addEventListener("orientationchange", resizable_update, false);
 	} else {
-		window.attachEvent("onresize", fluid_update)
+		window.attachEvent("onresize", resizable_update)
 	}
 	preempted || app.run();
 });
--- a/docs-assets/js/jszip.js
+++ b/docs-assets/js/jszip.js
@ -16,7 +16,9 @@ Usage:
   base64zip = zip.generate();

 **/
-"use strict";
+// We use strict, but it should not be placed outside of a function because
+// the environment is shared inside the browser.
+// "use strict";

 /**
 * Representation a of zip file in js
@ -93,8 +95,8 @@ JSZip.support = {
      catch(e) {}

      try {
-         var builder = new (window.BlobBuilder || window.WebKitBlobBuilder ||
-                            window.MozBlobBuilder || window.MSBlobBuilder)();
+         var BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder || window.MSBlobBuilder;
+         var builder = new BlobBuilder();
         builder.append(buffer);
         return builder.getBlob('application/zip').size === 0;
      }
@ -161,7 +163,7 @@ JSZip.prototype = (function () {
         return file.asBinary();
      }
      return result;
-   }
+   };

   /**
    * Transform this._data into a string.
@ -287,9 +289,11 @@ JSZip.prototype = (function () {
    */
   var prepareFileAttrs = function (o) {
      o = o || {};
+      /*jshint -W041 */
      if (o.base64 === true && o.binary == null) {
         o.binary = true;
      }
+      /*jshint +W041 */
      o = extend(o, JSZip.defaults);
      o.date = o.date || new Date();
      if (o.compression !== null) o.compression = o.compression.toUpperCase();
@ -341,7 +345,9 @@ JSZip.prototype = (function () {
         }
      }

-      return this.files[name] = new ZipObject(name, data, o);
+      var object = new ZipObject(name, data, o);
+      this.files[name] = object;
+      return object;
   };


@ -399,7 +405,7 @@ JSZip.prototype = (function () {
         } else if (file._data.compressionMethod === compression.magic) {
            result.compressedContent = file._data.getCompressedContent();
         } else {
-            content = file._data.getContent()
+            content = file._data.getContent();
            // need to decompress / recompress
            result.compressedContent = compression.compress(JSZip.utils.transformTo(compression.compressInputType, content));
         }
@ -756,8 +762,9 @@ JSZip.prototype = (function () {
            case "nodebuffer" :
               writer = new Uint8ArrayWriter(localDirLength + centralDirLength + dirEnd.length);
               break;
-            case "base64" :
-            default : // case "string" :
+            // case "base64" :
+            // case "string" :
+            default :
               writer = new StringWriter(localDirLength + centralDirLength + dirEnd.length);
               break;
         }
@ -1066,8 +1073,8 @@ JSZip.compressions = {

         try {
            // deprecated, browser only, old way
-            var builder = new (window.BlobBuilder || window.WebKitBlobBuilder ||
-                               window.MozBlobBuilder || window.MSBlobBuilder)();
+            var BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder || window.MSBlobBuilder;
+            var builder = new BlobBuilder();
            builder.append(buffer);
            return builder.getBlob('application/zip');
         }
@ -1095,7 +1102,7 @@ JSZip.compressions = {
    */
   function identity(input) {
      return input;
-   };
+   }

   /**
    * Fill in an array with a string.
@ -1108,7 +1115,7 @@ JSZip.compressions = {
         array[i] = str.charCodeAt(i) & 0xFF;
      }
      return array;
-   };
+   }

   /**
    * Transform an array-like object to a string.
@ -1165,7 +1172,7 @@ JSZip.compressions = {
         }
      }
      return result.join("");
-   };
+   }

   /**
    * Copy the data from an array-like to an other array-like.
@ -1178,7 +1185,7 @@ JSZip.compressions = {
         arrayTo[i] = arrayFrom[i];
      }
      return arrayTo;
-   };
+   }

   // a matrix containing functions to transform everything into everything.
   var transform = {};
--- a/docs-assets/js/less.js
+++ b/docs-assets/js/less.js
--- a/docs-assets/js/raw-files.js
+++ b/docs-assets/js/raw-files.js
--- a/examples/carousel/index.html
+++ b/examples/carousel/index.html
@ -31,10 +31,11 @@
    <div class="navbar-wrapper">
      <div class="container">

-        <div class="navbar navbar-inverse navbar-static-top">
+        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
--- a/examples/cover/cover.css
+++ b/examples/cover/cover.css
@ -0,0 +1,160 @@
+/*
+ * Globals
+ */
+
+/* Links */
+a,
+a:focus,
+a:hover {
+  color: #fff;
+}
+
+/* Custom default button */
+.btn-default,
+.btn-default:hover,
+.btn-default:focus {
+  color: #333;
+  text-shadow: none; /* Prevent inheritence from `body` */
+  background-color: #fff;
+  border: 1px solid #fff;
+}
+
+
+/*
+ * Base structure
+ */
+
+html,
+body {
+  height: 100%;
+  background-color: #333;
+}
+body {
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 1px 3px rgba(0,0,0,.5);
+  box-shadow: inset 0 0 100px rgba(0,0,0,.5);
+}
+
+/* Extra markup and styles for table-esque vertical and horizontal centering */
+.site-wrapper {
+  display: table;
+  width: 100%;
+  min-height: 100%;
+}
+.site-wrapper-inner {
+  display: table-cell;
+  vertical-align: top;
+}
+.cover-container {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* Padding for spacing */
+.inner {
+  padding: 30px;
+}
+
+
+/*
+ * Header
+ */
+.masthead-brand {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.masthead-nav > li {
+  display: inline-block;
+}
+.masthead-nav > li + li {
+  margin-left: 20px;
+}
+.masthead-nav > li > a {
+  padding-left: 0;
+  padding-right: 0;
+  font-size: 16px;
+  font-weight: bold;
+  color: #fff; /* IE8 proofing */
+  color: rgba(255,255,255,.75);
+  border-bottom: 2px solid transparent;
+}
+.masthead-nav > li > a:hover,
+.masthead-nav > li > a:focus {
+  background-color: transparent;
+  border-bottom-color: rgba(255,255,255,.25);
+}
+.masthead-nav > .active > a,
+.masthead-nav > .active > a:hover,
+.masthead-nav > .active > a:focus {
+  color: #fff;
+  border-bottom-color: #fff;
+}
+
+@media (min-width: 768px) {
+  .masthead-brand {
+    float: left;
+  }
+  .masthead-nav {
+    float: right;
+  }
+}
+
+
+/*
+ * Cover
+ */
+
+.cover {
+  padding: 0 20px;
+}
+.cover .btn-lg {
+  padding: 10px 20px;
+  font-weight: bold;
+}
+
+
+/*
+ * Footer
+ */
+
+.mastfoot {
+  color: #999; /* IE8 proofing */
+  color: rgba(255,255,255,.5);
+}
+
+
+/*
+ * Affix and center
+ */
+
+@media (min-width: 768px) {
+  /* Pull out the header and footer */
+  .masthead {
+    position: fixed;
+    top: 0;
+  }
+  .mastfoot {
+    position: fixed;
+    bottom: 0;
+  }
+  /* Start the vertical centering */
+  .site-wrapper-inner {
+    vertical-align: middle;
+  }
+  /* Handle the widths */
+  .masthead,
+  .mastfoot,
+  .cover-container {
+    width: 100%; /* Must be percentage or pixels for horizontal alignment */
+  }
+}
+
+@media (min-width: 992px) {
+  .masthead,
+  .mastfoot,
+  .cover-container {
+    width: 700px;
+  }
+}
--- a/examples/cover/index.html
+++ b/examples/cover/index.html
@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">
+
+    <title>Cover Template for Bootstrap</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="../../dist/css/bootstrap.css" rel="stylesheet">
+
+    <!-- Custom styles for this template -->
+    <link href="cover.css" rel="stylesheet">
+
+    <!-- Just for debugging purposes. Don't actually copy this line! -->
+    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
+    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
+    <![endif]-->
+  </head>
+
+  <body>
+
+    <div class="site-wrapper">
+
+      <div class="site-wrapper-inner">
+
+        <div class="cover-container">
+
+          <div class="masthead clearfix">
+            <div class="inner">
+              <h3 class="masthead-brand">Cover</h3>
+              <ul class="nav masthead-nav">
+                <li class="active"><a href="#">Home</a></li>
+                <li><a href="#">Features</a></li>
+                <li><a href="#">Contact</a></li>
+              </ul>
+            </div>
+          </div>
+
+          <div class="inner cover">
+            <h1 class="cover-heading">Cover your page.</h1>
+            <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
+            <p class="lead">
+              <a href="#" class="btn btn-lg btn-default">Learn more</a>
+            </p>
+          </div>
+
+          <div class="mastfoot">
+            <div class="inner">
+              <p>Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p>
+            </div>
+          </div>
+
+        </div>
+
+      </div>
+
+    </div>
+
+    <!-- Bootstrap core JavaScript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
+    <script src="../../docs-assets/js/holder.js"></script>
+  </body>
+</html>
--- a/examples/dashboard/dashboard.css
+++ b/examples/dashboard/dashboard.css
@ -0,0 +1,93 @@
+/*
+ * Base structure
+ */
+
+/* Move down content because we have a fixed navbar that is 50px tall */
+body {
+  padding-top: 50px;
+}
+
+
+/*
+ * Global add-ons
+ */
+
+.sub-header {
+  padding-bottom: 10px;
+  border-bottom: 1px solid #eee;
+}
+
+
+/*
+ * Sidebar
+ */
+
+/* Hide for mobile, show later */
+.sidebar {
+  display: none;
+}
+@media (min-width: 768px) {
+  .sidebar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    z-index: 1000;
+    display: block;
+    padding: 70px 20px 20px;
+    background-color: #f5f5f5;
+    border-right: 1px solid #eee;
+  }
+}
+
+/* Sidebar navigation */
+.nav-sidebar {
+  margin-left: -20px;
+  margin-right: -21px; /* 20px padding + 1px border */
+  margin-bottom: 20px;
+}
+.nav-sidebar > li > a {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.nav-sidebar > .active > a {
+  color: #fff;
+  background-color: #428bca;
+}
+
+
+/*
+ * Main content
+ */
+
+.main {
+  padding: 20px;
+}
+@media (min-width: 768px) {
+  .main {
+    padding-left: 40px;
+    pading-right: 40px;
+  }
+}
+.main .page-header {
+  margin-top: 0;
+}
+
+
+/*
+ * Placeholder dashboard ideas
+ */
+
+.placeholders {
+  margin-bottom: 30px;
+  text-align: center;
+}
+.placeholders h4 {
+  margin-bottom: 0;
+}
+.placeholder {
+  margin-bottom: 20px;
+}
+.placeholder img {
+  border-radius: 50%;
+}
--- a/examples/dashboard/index.html
+++ b/examples/dashboard/index.html
@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">
+
+    <title>Dashboard Template for Bootstrap</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="../../dist/css/bootstrap.css" rel="stylesheet">
+
+    <!-- Custom styles for this template -->
+    <link href="dashboard.css" rel="stylesheet">
+
+    <!-- Just for debugging purposes. Don't actually copy this line! -->
+    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+
+    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
+    <![endif]-->
+  </head>
+
+  <body>
+
+    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+      <div class="container-fluid">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="#">Project name</a>
+        </div>
+        <div class="navbar-collapse collapse">
+          <ul class="nav navbar-nav navbar-right">
+            <li><a href="#">Dashboard</a></li>
+            <li><a href="#">Settings</a></li>
+            <li><a href="#">Profile</a></li>
+            <li><a href="#">Help</a></li>
+          </ul>
+          <form class="navbar-form navbar-right">
+            <input type="text" class="form-control" placeholder="Search...">
+          </form>
+        </div>
+      </div>
+    </div>
+
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-sm-3 sidebar">
+          <ul class="nav nav-sidebar">
+            <li class="active"><a href="#">Overview</a></li>
+            <li><a href="#">Reports</a></li>
+            <li><a href="#">Analytics</a></li>
+            <li><a href="#">Export</a></li>
+          </ul>
+          <ul class="nav nav-sidebar">
+            <li><a href="">Nav item</a></li>
+            <li><a href="">Nav item again</a></li>
+            <li><a href="">One more nav</a></li>
+            <li><a href="">Another nav item</a></li>
+            <li><a href="">More navigation</a></li>
+          </ul>
+          <ul class="nav nav-sidebar">
+            <li><a href="">Nav item again</a></li>
+            <li><a href="">One more nav</a></li>
+            <li><a href="">Another nav item</a></li>
+          </ul>
+        </div>
+        <div class="col-sm-9 col-sm-offset-3 main">
+          <h1 class="page-header">Dashboard</h1>
+
+          <div class="row placeholders">
+            <div class="col-xs-6 col-sm-3 placeholder">
+              <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
+              <h4>Label</h4>
+              <span class="text-muted">Something else</span>
+            </div>
+            <div class="col-xs-6 col-sm-3 placeholder">
+              <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
+              <h4>Label</h4>
+              <span class="text-muted">Something else</span>
+            </div>
+            <div class="col-xs-6 col-sm-3 placeholder">
+              <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
+              <h4>Label</h4>
+              <span class="text-muted">Something else</span>
+            </div>
+            <div class="col-xs-6 col-sm-3 placeholder">
+              <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
+              <h4>Label</h4>
+              <span class="text-muted">Something else</span>
+            </div>
+          </div>
+
+          <h2 class="sub-header">Section title</h2>
+          <div class="table-responsive">
+            <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th>#</th>
+                  <th>Header</th>
+                  <th>Header</th>
+                  <th>Header</th>
+                  <th>Header</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>1,001</td>
+                  <td>Lorem</td>
+                  <td>ipsum</td>
+                  <td>dolor</td>
+                  <td>sit</td>
+                </tr>
+                <tr>
+                  <td>1,002</td>
+                  <td>amet</td>
+                  <td>consectetur</td>
+                  <td>adipiscing</td>
+                  <td>elit</td>
+                </tr>
+                <tr>
+                  <td>1,003</td>
+                  <td>Integer</td>
+                  <td>nec</td>
+                  <td>odio</td>
+                  <td>Praesent</td>
+                </tr>
+                <tr>
+                  <td>1,003</td>
+                  <td>libero</td>
+                  <td>Sed</td>
+                  <td>cursus</td>
+                  <td>ante</td>
+                </tr>
+                <tr>
+                  <td>1,004</td>
+                  <td>dapibus</td>
+                  <td>diam</td>
+                  <td>Sed</td>
+                  <td>nisi</td>
+                </tr>
+                <tr>
+                  <td>1,005</td>
+                  <td>Nulla</td>
+                  <td>quis</td>
+                  <td>sem</td>
+                  <td>at</td>
+                </tr>
+                <tr>
+                  <td>1,006</td>
+                  <td>nibh</td>
+                  <td>elementum</td>
+                  <td>imperdiet</td>
+                  <td>Duis</td>
+                </tr>
+                <tr>
+                  <td>1,007</td>
+                  <td>sagittis</td>
+                  <td>ipsum</td>
+                  <td>Praesent</td>
+                  <td>mauris</td>
+                </tr>
+                <tr>
+                  <td>1,008</td>
+                  <td>Fusce</td>
+                  <td>nec</td>
+                  <td>tellus</td>
+                  <td>sed</td>
+                </tr>
+                <tr>
+                  <td>1,009</td>
+                  <td>augue</td>
+                  <td>semper</td>
+                  <td>porta</td>
+                  <td>Mauris</td>
+                </tr>
+                <tr>
+                  <td>1,010</td>
+                  <td>massa</td>
+                  <td>Vestibulum</td>
+                  <td>lacinia</td>
+                  <td>arcu</td>
+                </tr>
+                <tr>
+                  <td>1,011</td>
+                  <td>eget</td>
+                  <td>nulla</td>
+                  <td>Class</td>
+                  <td>aptent</td>
+                </tr>
+                <tr>
+                  <td>1,012</td>
+                  <td>taciti</td>
+                  <td>sociosqu</td>
+                  <td>ad</td>
+                  <td>litora</td>
+                </tr>
+                <tr>
+                  <td>1,013</td>
+                  <td>torquent</td>
+                  <td>per</td>
+                  <td>conubia</td>
+                  <td>nostra</td>
+                </tr>
+                <tr>
+                  <td>1,014</td>
+                  <td>per</td>
+                  <td>inceptos</td>
+                  <td>himenaeos</td>
+                  <td>Curabitur</td>
+                </tr>
+                <tr>
+                  <td>1,015</td>
+                  <td>sodales</td>
+                  <td>ligula</td>
+                  <td>in</td>
+                  <td>libero</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Bootstrap core JavaScript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
+    <script src="../../dist/js/bootstrap.min.js"></script>
+    <script src="../../docs-assets/js/holder.js"></script>
+  </body>
+</html>
--- a/examples/jumbotron/index.html
+++ b/examples/jumbotron/index.html
@ -28,10 +28,11 @@

  <body>

-    <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
@ -39,7 +40,7 @@
          <a class="navbar-brand" href="#">Project name</a>
        </div>
        <div class="navbar-collapse collapse">
-          <form class="navbar-form navbar-right">
+          <form class="navbar-form navbar-right" role="form">
            <div class="form-group">
              <input type="text" placeholder="Email" class="form-control">
            </div>
--- a/examples/justified-nav/index.html
+++ b/examples/justified-nav/index.html
@ -52,7 +52,8 @@
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-lg-4">
-          <h2>Heading</h2>
+          <h2>Safari bug warning!</h2>
+          <p class="text-danger">Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing.</p>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
        </div>
--- a/examples/navbar-fixed-top/index.html
+++ b/examples/navbar-fixed-top/index.html
@ -29,10 +29,11 @@
  <body>

    <!-- Fixed navbar -->
-    <div class="navbar navbar-default navbar-fixed-top">
+    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
--- a/examples/navbar-static-top/index.html
+++ b/examples/navbar-static-top/index.html
@ -29,10 +29,11 @@
  <body>

    <!-- Static navbar -->
-    <div class="navbar navbar-default navbar-static-top">
+    <div class="navbar navbar-default navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
--- a/examples/navbar/index.html
+++ b/examples/navbar/index.html
@ -31,9 +31,10 @@
    <div class="container">

      <!-- Static navbar -->
-      <div class="navbar navbar-default">
+      <div class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
--- a/examples/non-responsive/index.html
+++ b/examples/non-responsive/index.html
@ -31,10 +31,11 @@
  <body>

    <!-- Fixed navbar -->
-    <div class="navbar navbar-default navbar-fixed-top">
+    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
--- a/examples/non-responsive/non-responsive.css
+++ b/examples/non-responsive/non-responsive.css
@ -8,6 +8,7 @@
 body {
  padding-top: 70px;
  padding-bottom: 30px;
+  min-width: 970px;
 }

 /* Finesse the page header spacing */
@ -63,6 +64,9 @@ body {
 .navbar-toggle {
  display: none;
 }
+.navbar-collapse {
+  border-top: 0;
+}

 .navbar-brand {
  margin-left: -15px;
@ -86,7 +90,7 @@ body {
 }

 /* Undo custom dropdowns */
-.navbar .open .dropdown-menu {
+.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
@ -97,20 +101,20 @@ body {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }
-.navbar .open .dropdown-menu > li > a {
+.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
 }
-.navbar .open .dropdown-menu > li > a:hover,
-.navbar .open .dropdown-menu > li > a:focus,
-.navbar .open .dropdown-menu > .active > a,
-.navbar .open .dropdown-menu > .active > a:hover,
-.navbar .open .dropdown-menu > .active > a:focus {
+.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
+.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
+.navbar .navbar-nav .open .dropdown-menu > .active > a,
+.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
+.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff !important;
  background-color: #428bca !important;
 }
-.navbar .open .dropdown-menu > .disabled > a,
-.navbar .open .dropdown-menu > .disabled > a:hover,
-.navbar .open .dropdown-menu > .disabled > a:focus {
+.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
+.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #999 !important;
  background-color: transparent !important;
 }
--- a/examples/offcanvas/index.html
+++ b/examples/offcanvas/index.html
@ -31,6 +31,7 @@
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
--- a/examples/offcanvas/offcanvas.css
+++ b/examples/offcanvas/offcanvas.css
@ -2,7 +2,8 @@
 * Style tweaks
 * --------------------------------------------------
 */
-html {
+html,
+body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
 }
 body {
--- a/examples/screenshots/cover.jpg
+++ b/examples/screenshots/cover.jpg
--- a/examples/screenshots/dashboard.jpg
+++ b/examples/screenshots/dashboard.jpg
--- a/examples/screenshots/jumbotron.jpg
+++ b/examples/screenshots/jumbotron.jpg
--- a/examples/screenshots/theme.jpg
+++ b/examples/screenshots/theme.jpg
--- a/examples/signin/index.html
+++ b/examples/signin/index.html
@ -30,7 +30,7 @@

    <div class="container">

-      <form class="form-signin">
+      <form class="form-signin" role="form">
        <h2 class="form-signin-heading">Please sign in</h2>
        <input type="text" class="form-control" placeholder="Email address" required autofocus>
        <input type="password" class="form-control" placeholder="Password" required>
--- a/examples/starter-template/index.html
+++ b/examples/starter-template/index.html
@ -28,10 +28,11 @@

  <body>

-    <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
--- a/examples/sticky-footer-navbar/index.html
+++ b/examples/sticky-footer-navbar/index.html
@ -32,10 +32,11 @@
    <div id="wrap">

      <!-- Fixed navbar -->
-      <div class="navbar navbar-default navbar-fixed-top">
+      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
@ -76,7 +77,7 @@

    <div id="footer">
      <div class="container">
-        <p class="text-muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
+        <p class="text-muted">Place sticky footer content here.</p>
      </div>
    </div>

--- a/examples/sticky-footer-navbar/sticky-footer-navbar.css
+++ b/examples/sticky-footer-navbar/sticky-footer-navbar.css
@ -31,7 +31,7 @@ body {
 #wrap > .container {
  padding: 60px 15px 0;
 }
-.container .credit {
+.container .text-muted {
  margin: 20px 0;
 }

--- a/examples/sticky-footer/index.html
+++ b/examples/sticky-footer/index.html
@ -43,7 +43,7 @@

    <div id="footer">
      <div class="container">
-        <p class="text-muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
+        <p class="text-muted">Place sticky footer content here.</p>
      </div>
    </div>

--- a/examples/sticky-footer/sticky-footer.css
+++ b/examples/sticky-footer/sticky-footer.css
@ -33,6 +33,6 @@ body {
  max-width: 680px;
  padding: 0 15px;
 }
-.container .credit {
+.container .text-muted {
  margin: 20px 0;
 }
--- a/examples/theme/index.html
+++ b/examples/theme/index.html
@ -31,10 +31,11 @@
  <body>

    <!-- Fixed navbar -->
-    <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
@ -148,6 +149,7 @@
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
@ -180,6 +182,7 @@
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
--- a/getting-started.html
+++ b/getting-started.html
@ -17,7 +17,7 @@ base_url: "../"

    <h3 id="download-compiled">Compiled CSS, JS, and fonts</h3>
    <p>The fastest way to get Bootstrap is to download the precompiled and minified versions of our CSS, JavaScript, and fonts. No documentation or original source code files are included.</p>
-    <p><a class="btn btn-lg btn-primary" href="{{ site.download_dist }}" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download compiled']);" role="button">Download precompiled Bootstrap</a></p>
+    <p><a class="btn btn-lg btn-primary" href="{{ site.download_dist }}" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download compiled']);" role="button">Download Bootstrap</a></p>

    <h3 id="download-additional">Additional downloads</h3>
    <div class="bs-docs-dl-options">
@ -62,9 +62,15 @@ base_url: "../"
    <div class="page-header">
      <h1 id="whats-included">What's included</h1>
    </div>
-    <p class="lead">Within the download you'll find the following directories and files, logically grouping common resources and providing both compiled and minified variations.</p>
-    <p>Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:</p>
+    <p class="lead">Bootstrap is downloadable in two forms, within which you'll find the following directories and files, logically grouping common resources and providing both compiled and minified variations.</p>

+    <div class="bs-callout bs-callout-warning" id="jquery-required">
+      <h4>jQuery required</h4>
+      <p>Please note that <strong>all JavaScript plugins require jQuery</strong> to be included, as shown in the <a href="#template">starter template</a>. <a href="{{ site.repo }}/blob/v{{ site.current_version }}/bower.json">Consult our <code>bower.json</code></a> to see which versions of jQuery are supported.</p>
+    </div>
+
+    <h2 id="whats-included-precompiled">Precompiled Bootstrap</h2>
+    <p>Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:</p>
 <!-- NOTE: This info is intentionally duplicated in the README.
 Copy any changes made here over to the README too. -->
 {% highlight bash %}
@ -85,11 +91,24 @@ bootstrap/
 {% endhighlight %}

    <p>This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (<code>bootstrap.*</code>), as well as compiled and minified CSS and JS (<code>bootstrap.min.*</code>). Fonts from Glyphicons are included, as is the optional Bootstrap theme.</p>
-    <div class="bs-callout bs-callout-danger" id="jquery-required">
-      <h4>jQuery required</h4>
-      <p>Please note that <strong>all JavaScript plugins require jQuery</strong> to be included, as shown in the <a href="#template">starter template</a>. <a href="{{ site.repo }}/blob/v{{ site.current_version }}/bower.json">Consult our <code>bower.json</code></a> to see which versions of jQuery are supported.</p>
-    </div>
+
+    <h2 id="whats-included-source">Bootstrap source code</h2>
+    <p>The Bootstrap source code download includes the precompiled CSS, JavaScript, and font assets, along with source LESS, JavaScript, and documentation. More specifically, it includes the following and more:</p>
+{% highlight bash %}
+bootstrap/
+├── less/
+├── js/
+├── fonts/
+├── dist/
+│   ├── css/
+│   ├── js/
+│   └── fonts/
+├── docs-assets/
+├── examples/
+└── *.html
+{% endhighlight %}
  </div>
+  <p>The <code>less/</code>, <code>js/</code>, and <code>fonts/</code> are the source code for our CSS, JS, and icon fonts (respectively). The <code>dist/</code> folder includes everything listed in the precompiled download section above. <code>docs-assets/</code>, <code>examples/</code>, and all <code>*.html</code> files are for our documentation. Beyond that, any other included file provides support for packages, license information, and development.</p>


  <!-- Template
@ -108,7 +127,7 @@ bootstrap/
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -242,6 +261,22 @@ bootstrap/
        <h4>Carousel</h4>
        <p>Customize the navbar and carousel, then add some new components.</p>
      </div>
+      <div class="col-xs-6 col-md-4">
+        <a class="thumbnail" href="../examples/cover/">
+          <img src="../examples/screenshots/cover.jpg" alt="">
+        </a>
+        <h4>Cover</h4>
+        <p>A one-page template for building simple and beautiful home pages.</p>
+      </div>
+      <div class="clearfix visible-xs"></div>
+
+      <div class="col-xs-6 col-md-4">
+        <a class="thumbnail" href="../examples/dashboard/">
+          <img src="../examples/screenshots/dashboard.jpg" alt="">
+        </a>
+        <h4>Dashboard</h4>
+        <p>Basic structure for a admin dashboard with fixed sidebar and navbar.</p>
+      </div>
      <div class="col-xs-6 col-md-4">
        <a class="thumbnail" href="../examples/non-responsive/">
          <img src="../examples/screenshots/non-responsive.jpg" alt="">
@ -379,7 +414,7 @@ bootstrap/
          </tr>
          <tr>
            <td><code>.visible-desktop</code></td>
-            <td><code>.visible-md</code></td>
+            <td>Split into <code>.visible-md .visible-lg</code></td>
          </tr>
          <tr>
            <td><code>.hidden-phone</code></td>
@ -391,7 +426,7 @@ bootstrap/
          </tr>
          <tr>
            <td><code>.hidden-desktop</code></td>
-            <td><code>.hidden-md</code></td>
+            <td>Split into <code>.hidden-md .hidden-lg</code></td>
          </tr>
          <tr>
            <td><code>.input-small</code></td>
@ -405,6 +440,10 @@ bootstrap/
            <td><code>.control-group</code></td>
            <td><code>.form-group</code></td>
          </tr>
+          <tr>
+            <td><code>.control-group.warning .control-group.error .control-group.success</code></td>
+            <td><code>.form-group.has-*</code></td>
+          </tr>
          <tr>
            <td><code>.checkbox.inline</code> <code>.radio.inline</code></td>
            <td><code>.checkbox-inline</code> <code>.radio-inline</code></td>
@ -433,6 +472,14 @@ bootstrap/
            <td><code>.muted</code></td>
            <td><code>.text-muted</code></td>
          </tr>
+          <tr>
+            <td><code>.label</code></td>
+            <td><code>.label .label-default</code></td>
+          </tr>
+          <tr>
+            <td><code>.label-important</code></td>
+            <td><code>.label-danger</code></td>
+          </tr>
          <tr>
            <td><code>.text-error</code></td>
            <td><code>.text-danger</code></td>
@ -469,10 +516,6 @@ bootstrap/
            <td><code>.accordion-inner</code></td>
            <td><code>.panel-body</code></td>
          </tr>
-          <tr>
-            <td><code>.alert-error</code></td>
-            <td><code>.alert-danger</code></td>
-          </tr>
        </tbody>
      </table>
    </div><!-- /.table-responsive -->
@ -615,6 +658,11 @@ bootstrap/
            <td><code>.form-search</code></td>
            <td class="text-muted">N/A</td>
          </tr>
+          <tr>
+            <td>Form group with info</td>
+            <td><code>.control-group.info</code></td>
+            <td class="text-muted">N/A</td>
+          </tr>
          <tr>
            <td>Fluid container</td>
            <td><code>.container-fluid</code></td>
@ -655,6 +703,16 @@ bootstrap/
            <td><code>.tabs-left</code> <code>.tabs-right</code> <code>.tabs-below</code></td>
            <td class="text-muted">N/A</td>
          </tr>
+          <tr>
+            <td>Pill-based tabbable area</td>
+            <td><code>.pill-content</code></td>
+            <td><code>.tab-content</code></td>
+          </tr>
+          <tr>
+            <td>Pill-based tabbable area pane</td>
+            <td><code>.pill-pane</code></td>
+            <td><code>.tab-pane</code></td>
+          </tr>
          <tr>
            <td>Nav lists</td>
            <td><code>.nav-list</code> <code>.nav-header</code></td>
@ -678,7 +736,7 @@ bootstrap/
      <li>Typeahead has been dropped, in favor of using <a href="http://twitter.github.io/typeahead.js/">Twitter Typeahead</a>.</li>
      <li>Modal markup has changed significantly. The <code>.modal-header</code>, <code>.modal-body</code>, and <code>.modal-footer</code> sections are now wrapped in <code>.modal-content</code> and <code>.modal-dialog</code> for better mobile styling and behavior.</li>
      <li>The HTML loaded by the <code>remote</code> modal option is now injected into the <code>.modal</code> instead of into the <code>.modal-body</code>. This allows you to also easily vary the header and footer of the modal, not just the modal body.</li>
-      <li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc..</li>
+      <li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc.</li>
    </ul>
    <p>For more information on upgrading to v3.0, and code snippets from the community, see <a href="http://bootply.com/">Bootply</a>.</p>
  </div>
@ -763,7 +821,8 @@ bootstrap/
 {% highlight html %}
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 {% endhighlight %}
-    <p>This tag is included in all docs pages and examples to ensure the best rendering possible in each supported version of Internet Explorer.</p>
+    <p>Confirm the document mode by opening the debugging tools: press <kbd>F12</kbd> and check the "Document Mode".</p>
+    <p>This tag is included in all Bootstrap's documentation and examples to ensure the best rendering possible in each supported version of Internet Explorer.</p>
    <p>See <a href="http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge">this StackOverflow question</a> for more information.</p>

    <h3 id="ie-10-width">Internet Explorer 10 in Windows 8 and Windows Phone 8</h3>
--- a/javascript.html
+++ b/javascript.html
@ -30,7 +30,7 @@ base_url: "../"
    <h3 id="js-data-attrs">Data attributes</h3>
    <p>You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first-class API and should be your first consideration when using a plugin.</p>

-    <p>That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the document namespaced with <code>data-api</code>. This looks like this:
+    <p>That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the document namespaced with <code>data-api</code>. This looks like this:</p>
 {% highlight js %}
 $(document).off('.data-api')
 {% endhighlight %}
@ -43,14 +43,14 @@ $(document).off('.alert.data-api')
    <h3 id="js-programmatic-api">Programmatic API</h3>
    <p>We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.</p>
 {% highlight js %}
-$(".btn.danger").button("toggle").addClass("fat")
+$('.btn.danger').button('toggle').addClass('fat')
 {% endhighlight %}

    <p>All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):</p>
 {% highlight js %}
-$("#myModal").modal()                      // initialized with defaults
-$("#myModal").modal({ keyboard: false })   // initialized with no keyboard
-$("#myModal").modal('show')                // initializes and invokes show immediately</p>
+$('#myModal').modal()                      // initialized with defaults
+$('#myModal').modal({ keyboard: false })   // initialized with no keyboard
+$('#myModal').modal('show')                // initializes and invokes show immediately
 {% endhighlight %}

    <p>Each plugin also exposes its raw constructor on a <code>Constructor</code> property: <code>$.fn.popover.Constructor</code>. If you'd like to get a particular plugin instance, retrieve it directly from an element: <code>$('[rel=popover]').data('popover')</code>.</p>
@ -223,9 +223,9 @@ $('#myModal').on('show.bs.modal', function (e) {
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
-    </div><!-- /.modal-content -->
-  </div><!-- /.modal-dialog -->
-</div><!-- /.modal -->
+    </div>
+  </div>
+</div>
 {% endhighlight %}


@ -235,6 +235,67 @@ $('#myModal').on('show.bs.modal', function (e) {
      <p>Additionally, you may give a description of your modal dialog with <code>aria-describedby</code> on <code>.modal</code>.</p>
    </div>

+    <h2 id="modals-sizes">Optional sizes</h2>
+    <p>Modals have two optional sizes, available via modifier classes to be placed on a <code>.modal-dialog</code>.</p>
+    <div class="bs-example">
+      <button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-lg">Large modal</button>
+      <button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-sm">Small modal</button>
+    </div>
+{% highlight html %}
+<!-- Large modal -->
+<button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-lg">Large modal</button>
+
+<div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      ...
+    </div>
+  </div>
+</div>
+
+<!-- Small modal -->
+<button class="btn btn-primary" data-toggle="modal" data-target=".bs-modal-sm">Small modal</button>
+
+<div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-sm">
+    <div class="modal-content">
+      ...
+    </div>
+  </div>
+</div>
+{% endhighlight %}
+
+    <!--  Modal content for the above example -->
+    <div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+            <h4 class="modal-title" id="myModalLabel">Large modal</h4>
+          </div>
+          <div class="modal-body">
+            ...
+          </div>
+        </div><!-- /.modal-content -->
+      </div><!-- /.modal-dialog -->
+    </div><!-- /.modal -->
+    <div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-sm">
+        <div class="modal-content">
+
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+            <h4 class="modal-title" id="myModalLabel">Small modal</h4>
+          </div>
+          <div class="modal-body">
+            ...
+          </div>
+        </div><!-- /.modal-content -->
+      </div><!-- /.modal-dialog -->
+    </div><!-- /.modal -->
+
+
    <h2 id="modals-usage">Usage</h2>
    <p>The modal plugin toggles your hidden content on demand, via data attributes or JavaScript. It also adds <code>.model-open</code> to the <code>&lt;body&gt;</code> to override default scrolling behavior and generates a <code>.modal-backdrop</code> to provide a click area for dismissing shown modals when clicking outside the modal.</p>

@ -304,15 +365,15 @@ $('#myModal').modal({
 {% endhighlight %}

    <h4>.modal('toggle')</h4>
-    <p>Manually toggles a modal.</p>
+    <p>Manually toggles a modal. <strong>Returns to the caller before the modal has actually been shown or hidden</strong> (i.e. before the <code>shown.bs.modal</code> or <code>hidden.bs.modal</code> event occurs).</p>
    {% highlight js %}$('#myModal').modal('toggle'){% endhighlight %}

    <h4>.modal('show')</h4>
-    <p>Manually opens a modal.</p>
+    <p>Manually opens a modal. <strong>Returns to the caller before the modal has actually been shown</strong> (i.e. before the <code>shown.bs.modal</code> event occurs).</p>
    {% highlight js %}$('#myModal').modal('show'){% endhighlight %}

    <h4>.modal('hide')</h4>
-    <p>Manually hides a modal.</p>
+    <p>Manually hides a modal. <strong>Returns to the caller before the modal has actually been hidden</strong> (i.e. before the <code>hidden.bs.modal</code> event occurs).</p>
    {% highlight js %}$('#myModal').modal('hide'){% endhighlight %}

    <h3>Events</h3>
@ -328,11 +389,11 @@ $('#myModal').modal({
        <tbody>
         <tr>
           <td>show.bs.modal</td>
-           <td>This event fires immediately when the <code>show</code> instance method is called.</td>
+           <td>This event fires immediately when the <code>show</code> instance method is called. If caused by a click, the clicked element is available as the <code>relatedTarget</code> property of the event.</td>
         </tr>
         <tr>
           <td>shown.bs.modal</td>
-           <td>This event is fired when the modal has been made visible to the user (will wait for CSS transitions to complete).</td>
+           <td>This event is fired when the modal has been made visible to the user (will wait for CSS transitions to complete). If caused by a click, the clicked element is available as the <code>relatedTarget</code> property of the event.</td>
         </tr>
         <tr>
           <td>hide.bs.modal</td>
@ -346,8 +407,8 @@ $('#myModal').modal({
      </table>
    </div><!-- /.table-responsive -->
 {% highlight js %}
-$('#myModal').on('hidden.bs.modal', function () {
-  // do something…
+$('#myModal').on('hidden.bs.modal', function (e) {
+  // do something...
 })
 {% endhighlight %}
  </div>
@ -415,7 +476,7 @@ $('#myModal').on('hidden.bs.modal', function () {
      </nav> <!-- /navbar-example -->
    </div> <!-- /example -->

-    <h3>Within tabs</h3>
+    <h3>Within pills</h3>
    <div class="bs-example">
      <ul class="nav nav-pills">
        <li class="active"><a href="#">Regular link</a></li>
@ -449,7 +510,7 @@ $('#myModal').on('hidden.bs.modal', function () {
            <li role="presentation"><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Separated link</a></li>
          </ul>
        </li>
-      </ul> <!-- /tabs -->
+      </ul> <!-- /pills -->
    </div> <!-- /example -->


@ -529,6 +590,7 @@ $('#myDropdown').on('show.bs.dropdown', function () {
 {% endhighlight %}
  </div>

+
  <!-- ScrollSpy
  ================================================== -->
  <div class="bs-docs-section">
@ -588,7 +650,13 @@ $('#myDropdown').on('show.bs.dropdown', function () {
    <h3>Via data attributes</h3>
    <p>To easily add scrollspy behavior to your topbar navigation, add <code>data-spy="scroll"</code> to the element you want to spy on (most typically this would be the <code>&lt;body&gt;</code>). Then add the <code>data-target</code> attribute with the ID or class of the parent element of any Bootstrap <code>.nav</code> component.</p>
 {% highlight html %}
-<body data-spy="scroll" data-target="#navbar-example">
+<body data-spy="scroll" data-target=".navbar-example">
+  ...
+  <div class="navbar-example">
+    <ul class="nav nav-tabs">
+      ...
+    </ul>
+  </div>
  ...
 </body>
 {% endhighlight %}
@ -596,7 +664,7 @@ $('#myDropdown').on('show.bs.dropdown', function () {
    <h3>Via JavaScript</h3>
    <p>Call the scrollspy via JavaScript:</p>
 {% highlight js %}
-$('body').scrollspy({ target: '#navbar-example' })
+$('body').scrollspy({ target: '.navbar-example' })
 {% endhighlight %}

    <div class="bs-callout bs-callout-danger">
@ -1116,7 +1184,7 @@ $('#myTooltip').on('hidden.bs.tooltip', function () {
            <td>animation</td>
            <td>boolean</td>
            <td>true</td>
-            <td>apply a CSS fade transition to the tooltip</td>
+            <td>apply a CSS fade transition to the popover</td>
          </tr>
          <tr>
            <td>html</td>
@ -1134,7 +1202,7 @@ $('#myTooltip').on('hidden.bs.tooltip', function () {
            <td>selector</td>
            <td>string</td>
            <td>false</td>
-            <td>if a selector is provided, tooltip objects will be delegated to the specified targets. in practice, this is used to enable dynamic HTML content to have popovers added. See <a href="https://github.com/twbs/bootstrap/issues/4215">this</a> and <a href="http://jsfiddle.net/fScua/">an informative example</a>.</td>
+            <td>if a selector is provided, tooltip objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added. See <a href="https://github.com/twbs/bootstrap/issues/4215">this</a> and <a href="http://jsfiddle.net/fScua/">an informative example</a>.</td>
          </tr>
          <tr>
            <td>trigger</td>
@ -1327,14 +1395,23 @@ $('#my-alert').bind('closed.bs.alert', function () {
    <h4>Stateful</h4>
    <p>Add <code>data-loading-text="Loading..."</code> to use a loading state on a button.</p>
    <div class="bs-example" style="padding-bottom: 24px;">
-      <button type="button" id="fat-btn" data-loading-text="Loading..." class="btn btn-primary">
+      <button type="button" id="loading-example-btn" data-loading-text="Loading..." class="btn btn-primary">
        Loading state
      </button>
    </div><!-- /example -->
 {% highlight html %}
-<button type="button" data-loading-text="Loading..." class="btn btn-primary">
+<button type="button" id="loading-example-btn" data-loading-text="Loading..." class="btn btn-primary">
  Loading state
 </button>
+<script>
+  $('#loading-example-btn').click(function () {
+    var btn = $(this);
+    btn.button('loading');
+    $.ajax(...).always(function () {
+      btn.button('reset');
+    });
+  });
+</script>
 {% endhighlight %}

    <h4>Single toggle</h4>
@ -1408,7 +1485,7 @@ $('#my-alert').bind('closed.bs.alert', function () {
    <h2 id="buttons-usage">Usage</h2>
    <p>Enable buttons via JavaScript:</p>
 {% highlight js %}
-$('.btn-group').button()
+$('.btn').button()
 {% endhighlight %}

    <h3>Markup</h3>
@ -1426,14 +1503,23 @@ $('.btn-group').button()
      <p>You can enable auto toggling of a button by using the <code>data-toggle</code> attribute.</p>
    </div>
 {% highlight html %}
-<button type="button" class="btn" data-toggle="button">...</button>
+<button type="button" class="btn btn-primary" data-toggle="button">...</button>
 {% endhighlight %}

    <h4>$().button('loading')</h4>
    <p>Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute <code>data-loading-text</code>.
    </p>
 {% highlight html %}
-<button type="button" class="btn" data-loading-text="loading stuff...">...</button>
+<button id="loading-example-btn" type="button" class="btn btn-primary" data-loading-text="loading stuff...">...</button>
+<script>
+  $('#loading-example-btn').click(function () {
+    var btn = $(this);
+    btn.button('loading');
+    $.ajax(...).always(function () {
+      btn.button('reset');
+    });
+  });
+</script>
 {% endhighlight %}

    <div class="bs-callout bs-callout-danger">
@ -1447,7 +1533,7 @@ $('.btn-group').button()
    <h4>$().button(string)</h4>
    <p>Resets button state - swaps text to any data defined text state.</p>
 {% highlight html %}
-<button type="button" class="btn" data-complete-text="finished!" >...</button>
+<button type="button" class="btn btn-primary" data-complete-text="finished!" >...</button>
 <script>
  $('.btn').button('complete')
 </script>
@ -1593,7 +1679,7 @@ $('.btn-group').button()
    <h3>Via JavaScript</h3>
    <p>Enable manually with:</p>
 {% highlight js %}
-$(".collapse").collapse()
+$('.collapse').collapse()
 {% endhighlight %}

    <h3>Options</h3>
@ -1926,22 +2012,27 @@ $('#myCarousel').on('slide.bs.carousel', function () {
    <hr class="bs-docs-separator">

    <h2 id="affix-usage">Usage</h2>
+    <p>Use the affix plugin via data attributes or manually with your own JavaScript. <strong>In both situations, you must provide CSS for the positioning of your content.</strong></p>
+
+    <h3>Positioning via CSS</h3>
+    <p>The affix plugin toggles between three classes, each representing a particular state: <code>.affix</code>, <code>.affix-top</code>, and <code>.affix-bottom</code>. You must provide the styles for these classes yourself (independent of this plugin) to handle the actual positions.</p>
+    <p>Here's how the affix plugin works:</p>
+    <ol>
+      <li>To start, the plugin adds <code>.affix-top</code> to indicate the element is in it's top-most position. At this point no CSS positioning is required.</li>
+      <li>Scrolling past the element you want affixed should trigger the actual affixing. This is where <code>.affix</code> replaces <code>.affix-top</code> and sets <code>position: fixed;</code> (provided by Bootstrap's code CSS).</li>
+      <li>If a bottom offset is defined, scrolling past that should replace <code>.affix</code> with <code>.affix-bottom</code>. Since offsets are optional, setting one requires you to set the appropriate CSS. In this case, add <code>position: absolute;</code> when necessary. The plugin uses the data attribute or JavaScript option to determine where to position the element from there.</li>
+    </ol>
+    <p>Follow the above steps to set your CSS for either of the usage options below.</p>

    <h3>Via data attributes</h3>
-    <p>To easily add affix behavior to any element, just add <code>data-spy="affix"</code> to the element you want to spy on. Then use offsets to define when to toggle the pinning of an element on and off.</p>
+    <p>To easily add affix behavior to any element, just add <code>data-spy="affix"</code> to the element you want to spy on. Use offsets to define when to toggle the pinning of an element.</p>

 {% highlight html %}
-<div data-spy="affix" data-offset-top="200">...</div>
+<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
+  ...
+</div>
 {% endhighlight %}

-    <div class="bs-callout bs-callout-warning">
-      <h4>Requires independent styling ;)</h4>
-      <p>
-        Affix toggles between three states/classes: <code>.affix</code>, <code>.affix-top</code>, and <code>.affix-bottom</code>. You must provide the styles for these classes yourself (independent of this plugin).
-        The <code>.affix-top</code> class should be in the regular flow of the document. The <code>.affix</code> class should be <code>position: fixed</code>. And <code>.affix-bottom</code> should be <code>position: absolute</code>. Note: <code>.affix-bottom</code> is special in that the plugin will place the element with JS relative to the <code>offset: { bottom: number }</code> option you've provided.
-      </p>
-    </div>
-
    <h3>Via JavaScript</h3>
    <p>Call the affix plugin via JavaScript:</p>
 {% highlight js %}
--- a/js/.jscs.json
+++ b/js/.jscs.json
@ -0,0 +1,14 @@
+{
+    "requireSpaceAfterKeywords": ["if", "else", "for", "while", "do", "switch", "return", "try", "catch"],
+    "requireSpacesInFunctionExpression": { "beforeOpeningCurlyBrace": true },
+    "disallowLeftStickedOperators": ["?", "+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<="],
+    "requireRightStickedOperators": ["!"],
+    "disallowRightStickedOperators": ["?", "/", "*", ":", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<="],
+    "disallowSpaceAfterPrefixUnaryOperators": ["++", "--", "+", "-", "~", "!"],
+    "disallowSpaceBeforePostfixUnaryOperators": ["++", "--"],
+    "requireSpaceBeforeBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!=="],
+    "requireSpaceAfterBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!=="],
+    "disallowKeywords": ["with"],
+    "validateLineBreaks": "LF",
+    "requireLineFeedAtFileEnd": true
+}
--- a/js/.jshintrc
+++ b/js/.jshintrc
@ -10,5 +10,6 @@
  "expr"     : true,
  "laxbreak" : true,
  "laxcomma" : true,
+  "quotmark" : "single",
  "validthis": true
 }
--- a/js/affix.js
+++ b/js/affix.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: affix.js v3.0.0
+ * Bootstrap: affix.js v3.0.3
 * http://getbootstrap.com/javascript/#affix
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // AFFIX CLASS DEFINITION
  // ======================
@ -123,4 +123,4 @@
    })
  })

-}(window.jQuery);
+}(jQuery);
--- a/js/alert.js
+++ b/js/alert.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: alert.js v3.0.0
+ * Bootstrap: alert.js v3.0.3
 * http://getbootstrap.com/javascript/#alerts
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // ALERT CLASS DEFINITION
  // ======================
@ -95,4 +95,4 @@

  $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)

-}(window.jQuery);
+}(jQuery);
--- a/js/button.js
+++ b/js/button.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: button.js v3.0.0
+ * Bootstrap: button.js v3.0.3
 * http://getbootstrap.com/javascript/#buttons
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // BUTTON PUBLIC CLASS DEFINITION
  // ==============================
@ -54,15 +54,21 @@

  Button.prototype.toggle = function () {
    var $parent = this.$element.closest('[data-toggle="buttons"]')
+    var changed = true

    if ($parent.length) {
      var $input = this.$element.find('input')
-        .prop('checked', !this.$element.hasClass('active'))
-        .trigger('change')
-      if ($input.prop('type') === 'radio') $parent.find('.active').removeClass('active')
+      if ($input.prop('type') === 'radio') {
+        // see if clicking on current one
+        if ($input.prop('checked') && this.$element.hasClass('active'))
+          changed = false
+        else
+          $parent.find('.active').removeClass('active')
+      }
+      if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change')
    }

-    this.$element.toggleClass('active')
+    if (changed) this.$element.toggleClass('active')
  }


@ -106,4 +112,4 @@
    e.preventDefault()
  })

-}(window.jQuery);
+}(jQuery);
--- a/js/carousel.js
+++ b/js/carousel.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: carousel.js v3.0.0
+ * Bootstrap: carousel.js v3.0.3
 * http://getbootstrap.com/javascript/#carousel
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // CAROUSEL CLASS DEFINITION
  // =========================
@ -69,7 +69,7 @@

    if (pos > (this.$items.length - 1) || pos < 0) return

-    if (this.sliding)       return this.$element.one('slid', function () { that.to(pos) })
+    if (this.sliding)       return this.$element.one('slid.bs.carousel', function () { that.to(pos) })
    if (activeIndex == pos) return this.pause().cycle()

    return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos]))
@ -121,7 +121,7 @@

    if (this.$indicators.length) {
      this.$indicators.find('.active').removeClass('active')
-      this.$element.one('slid', function () {
+      this.$element.one('slid.bs.carousel', function () {
        var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()])
        $nextIndicator && $nextIndicator.addClass('active')
      })
@ -139,7 +139,7 @@
          $next.removeClass([type, direction].join(' ')).addClass('active')
          $active.removeClass(['active', direction].join(' '))
          that.sliding = false
-          setTimeout(function () { that.$element.trigger('slid') }, 0)
+          setTimeout(function () { that.$element.trigger('slid.bs.carousel') }, 0)
        })
        .emulateTransitionEnd(600)
    } else {
@ -148,7 +148,7 @@
      $active.removeClass('active')
      $next.addClass('active')
      this.sliding = false
-      this.$element.trigger('slid')
+      this.$element.trigger('slid.bs.carousel')
    }

    isCycling && this.cycle()
@ -214,4 +214,4 @@
    })
  })

-}(window.jQuery);
+}(jQuery);
--- a/js/collapse.js
+++ b/js/collapse.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: collapse.js v3.0.0
+ * Bootstrap: collapse.js v3.0.3
 * http://getbootstrap.com/javascript/#collapse
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // COLLAPSE PUBLIC CLASS DEFINITION
  // ================================
@ -176,4 +176,4 @@
    $target.collapse(option)
  })

-}(window.jQuery);
+}(jQuery);
--- a/js/dropdown.js
+++ b/js/dropdown.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: dropdown.js v3.0.0
+ * Bootstrap: dropdown.js v3.0.3
 * http://getbootstrap.com/javascript/#dropdowns
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // DROPDOWN CLASS DEFINITION
  // =========================
@ -26,7 +26,7 @@
  var backdrop = '.dropdown-backdrop'
  var toggle   = '[data-toggle=dropdown]'
  var Dropdown = function (element) {
-    var $el = $(element).on('click.bs.dropdown', this.toggle)
+    $(element).on('click.bs.dropdown', this.toggle)
  }

  Dropdown.prototype.toggle = function (e) {
@ -41,7 +41,7 @@

    if (!isActive) {
      if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
-        // if mobile we we use a backdrop because click events don't delegate
+        // if mobile we use a backdrop because click events don't delegate
        $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus)
      }

@ -85,7 +85,7 @@

    if (e.keyCode == 38 && index > 0)                 index--                        // up
    if (e.keyCode == 40 && index < $items.length - 1) index++                        // down
-    if (!~index)                                      index=0
+    if (!~index)                                      index = 0

    $items.eq(index).focus()
  }
@ -123,9 +123,9 @@
  $.fn.dropdown = function (option) {
    return this.each(function () {
      var $this = $(this)
-      var data  = $this.data('dropdown')
+      var data  = $this.data('bs.dropdown')

-      if (!data) $this.data('dropdown', (data = new Dropdown(this)))
+      if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
      if (typeof option == 'string') data[option].call($this)
    })
  }
@ -151,4 +151,4 @@
    .on('click.bs.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
    .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)

-}(window.jQuery);
+}(jQuery);
--- a/js/modal.js
+++ b/js/modal.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: modal.js v3.0.0
+ * Bootstrap: modal.js v3.0.3
 * http://getbootstrap.com/javascript/#modals
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // MODAL CLASS DEFINITION
  // ======================
@ -180,7 +180,7 @@
    } else if (!this.isShown && this.$backdrop) {
      this.$backdrop.removeClass('in')

-      $.support.transition && this.$element.hasClass('fade')?
+      $.support.transition && this.$element.hasClass('fade') ?
        this.$backdrop
          .one($.support.transition.end, callback)
          .emulateTransitionEnd(150) :
@ -243,4 +243,4 @@
    .on('show.bs.modal',  '.modal', function () { $(document.body).addClass('modal-open') })
    .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') })

-}(window.jQuery);
+}(jQuery);
--- a/js/popover.js
+++ b/js/popover.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: popover.js v3.0.0
+ * Bootstrap: popover.js v3.0.3
 * http://getbootstrap.com/javascript/#popovers
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // POPOVER PUBLIC CLASS DEFINITION
  // ===============================
@ -114,4 +114,4 @@
    return this
  }

-}(window.jQuery);
+}(jQuery);
--- a/js/scrollspy.js
+++ b/js/scrollspy.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: scrollspy.js v3.0.0
+ * Bootstrap: scrollspy.js v3.0.3
 * http://getbootstrap.com/javascript/#scrollspy
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // SCROLLSPY CLASS DEFINITION
  // ==========================
@ -113,7 +113,7 @@
        .addClass('active')
    }

-    active.trigger('activate')
+    active.trigger('activate.bs.scrollspy')
  }


@ -155,4 +155,4 @@
    })
  })

-}(window.jQuery);
+}(jQuery);
--- a/js/tab.js
+++ b/js/tab.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: tab.js v3.0.0
+ * Bootstrap: tab.js v3.0.3
 * http://getbootstrap.com/javascript/#tabs
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // TAB CLASS DEFINITION
  // ====================
@ -132,4 +132,4 @@
    $(this).tab('show')
  })

-}(window.jQuery);
+}(jQuery);
--- a/js/tests/unit/affix.js
+++ b/js/tests/unit/affix.js
@ -1,22 +1,22 @@
 $(function () {

-    module("affix")
+    module('affix')

-      test("should provide no conflict", function () {
+      test('should provide no conflict', function () {
        var affix = $.fn.affix.noConflict()
        ok(!$.fn.affix, 'affix was set back to undefined (org value)')
        $.fn.affix = affix
      })

-      test("should be defined on jquery object", function () {
+      test('should be defined on jquery object', function () {
        ok($(document.body).affix, 'affix method is defined')
      })

-      test("should return element", function () {
+      test('should return element', function () {
        ok($(document.body).affix()[0] == document.body, 'document.body returned')
      })

-      test("should exit early if element is not visible", function () {
+      test('should exit early if element is not visible', function () {
        var $affix = $('<div style="display: none"></div>').affix()
        $affix.data('bs.affix').checkPosition()
        ok(!$affix.hasClass('affix'), 'affix class was not added')
--- a/js/tests/unit/alert.js
+++ b/js/tests/unit/alert.js
@ -1,22 +1,22 @@
 $(function () {

-    module("alert")
+    module('alert')

-      test("should provide no conflict", function () {
+      test('should provide no conflict', function () {
        var alert = $.fn.alert.noConflict()
        ok(!$.fn.alert, 'alert was set back to undefined (org value)')
        $.fn.alert = alert
      })

-      test("should be defined on jquery object", function () {
+      test('should be defined on jquery object', function () {
        ok($(document.body).alert, 'alert method is defined')
      })

-      test("should return element", function () {
+      test('should return element', function () {
        ok($(document.body).alert()[0] == document.body, 'document.body returned')
      })

-      test("should fade element out on clicking .close", function () {
+      test('should fade element out on clicking .close', function () {
        var alertHTML = '<div class="alert-message warning fade in">'
          + '<a class="close" href="#" data-dismiss="alert">×</a>'
          + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>'
@ -28,7 +28,7 @@ $(function () {
        ok(!alert.hasClass('in'), 'remove .in class on .close click')
      })

-      test("should remove element when clicking .close", function () {
+      test('should remove element when clicking .close', function () {
        $.support.transition = false

        var alertHTML = '<div class="alert-message warning fade in">'
@ -44,7 +44,7 @@ $(function () {
        ok(!$('#qunit-fixture').find('.alert-message').length, 'element removed from dom')
      })

-      test("should not fire closed when close is prevented", function () {
+      test('should not fire closed when close is prevented', function () {
        $.support.transition = false
        stop();
        $('<div class="alert"/>')
--- a/js/tests/unit/button.js
+++ b/js/tests/unit/button.js
@ -1,22 +1,22 @@
 $(function () {

-    module("button")
+    module('button')

-      test("should provide no conflict", function () {
+      test('should provide no conflict', function () {
        var button = $.fn.button.noConflict()
        ok(!$.fn.button, 'button was set back to undefined (org value)')
        $.fn.button = button
      })

-      test("should be defined on jquery object", function () {
+      test('should be defined on jquery object', function () {
        ok($(document.body).button, 'button method is defined')
      })

-      test("should return element", function () {
+      test('should return element', function () {
        ok($(document.body).button()[0] == document.body, 'document.body returned')
      })

-      test("should return set state to loading", function () {
+      test('should return set state to loading', function () {
        var btn = $('<button class="btn" data-loading-text="fat">mdo</button>')
        equal(btn.html(), 'mdo', 'btn text equals mdo')
        btn.button('loading')
@ -29,7 +29,7 @@ $(function () {
        }, 0)
      })

-      test("should return reset state", function () {
+      test('should return reset state', function () {
        var btn = $('<button class="btn" data-loading-text="fat">mdo</button>')
        equal(btn.html(), 'mdo', 'btn text equals mdo')
        btn.button('loading')
@ -51,14 +51,14 @@ $(function () {

      })

-      test("should toggle active", function () {
+      test('should toggle active', function () {
        var btn = $('<button class="btn">mdo</button>')
        ok(!btn.hasClass('active'), 'btn does not have active class')
        btn.button('toggle')
        ok(btn.hasClass('active'), 'btn has class active')
      })

-      test("should toggle active when btn children are clicked", function () {
+      test('should toggle active when btn children are clicked', function () {
        var btn = $('<button class="btn" data-toggle="button">mdo</button>')
          , inner = $('<i></i>')
        btn
@ -69,7 +69,7 @@ $(function () {
        ok(btn.hasClass('active'), 'btn has class active')
      })

-      test("should toggle active when btn children are clicked within btn-group", function () {
+      test('should toggle active when btn children are clicked within btn-group', function () {
        var btngroup = $('<div class="btn-group" data-toggle="buttons"></div>')
          , btn = $('<button class="btn">fat</button>')
          , inner = $('<i></i>')
@ -81,7 +81,7 @@ $(function () {
        ok(btn.hasClass('active'), 'btn has class active')
      })

-      test("should check for closest matching toggle", function () {
+      test('should check for closest matching toggle', function () {
        var group = '<div class="btn-group" data-toggle="buttons">' +
          '<label class="btn btn-primary active">' +
            '<input type="radio" name="options" id="option1" checked="true"> Option 1' +
@ -111,6 +111,12 @@ $(function () {
        ok(!btn1.find('input').prop('checked'), 'btn1 is checked')
        ok(btn2.hasClass('active'), 'btn2 has active class')
        ok(btn2.find('input').prop('checked'), 'btn2 is checked')
+
+        btn2.find('input').click() /* clicking an already checked radio should not un-check it */
+        ok(!btn1.hasClass('active'), 'btn1 does not have active class')
+        ok(!btn1.find('input').prop('checked'), 'btn1 is checked')
+        ok(btn2.hasClass('active'), 'btn2 has active class')
+        ok(btn2.find('input').prop('checked'), 'btn2 is checked')
      })

 })
--- a/js/tests/unit/carousel.js
+++ b/js/tests/unit/carousel.js
@ -1,22 +1,22 @@
 $(function () {

-    module("carousel")
+    module('carousel')

-      test("should provide no conflict", function () {
+      test('should provide no conflict', function () {
        var carousel = $.fn.carousel.noConflict()
        ok(!$.fn.carousel, 'carousel was set back to undefined (org value)')
        $.fn.carousel = carousel
      })

-      test("should be defined on jquery object", function () {
+      test('should be defined on jquery object', function () {
        ok($(document.body).carousel, 'carousel method is defined')
      })

-      test("should return element", function () {
+      test('should return element', function () {
        ok($(document.body).carousel()[0] == document.body, 'document.body returned')
      })

-      test("should not fire sliden when slide is prevented", function () {
+      test('should not fire sliden when slide is prevented', function () {
        $.support.transition = false
        stop()
        $('<div class="carousel"/>')
@ -31,7 +31,7 @@ $(function () {
          .carousel('next')
      })

-      test("should fire slide event with direction", function () {
+      test('should fire slide event with direction', function () {
        var template = '<div id="myCarousel" class="carousel slide"><div class="carousel-inner"><div class="item active"><img alt=""><div class="carousel-caption"><h4>{{_i}}First Thumbnail label{{/i}}</h4><p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p></div></div><div class="item"><img alt=""><div class="carousel-caption"><h4>{{_i}}Second Thumbnail label{{/i}}</h4><p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p></div></div><div class="item"><img alt=""><div class="carousel-caption"><h4>{{_i}}Third Thumbnail label{{/i}}</h4><p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p></div></div></div><a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a><a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a></div>'
        $.support.transition = false
        stop()
@ -43,7 +43,7 @@ $(function () {
        }).carousel('next')
      })

-      test("should fire slide event with relatedTarget", function () {
+      test('should fire slide event with relatedTarget', function () {
        var template = '<div id="myCarousel" class="carousel slide"><div class="carousel-inner"><div class="item active"><img alt=""><div class="carousel-caption"><h4>{{_i}}First Thumbnail label{{/i}}</h4><p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p></div></div><div class="item"><img alt=""><div class="carousel-caption"><h4>{{_i}}Second Thumbnail label{{/i}}</h4><p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p></div></div><div class="item"><img alt=""><div class="carousel-caption"><h4>{{_i}}Third Thumbnail label{{/i}}</h4><p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p></div></div></div><a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a><a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a></div>'
        $.support.transition = false
        stop()
@ -57,31 +57,31 @@ $(function () {
          .carousel('next')
      })

-      test("should set interval from data attribute", 4, function () {
+      test('should set interval from data attribute', 4, function () {
        var template = $('<div id="myCarousel" class="carousel slide"> <div class="carousel-inner"> <div class="item active"> <img alt=""> <div class="carousel-caption"> <h4>{{_i}}First Thumbnail label{{/i}}</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> <div class="item"> <img alt=""> <div class="carousel-caption"> <h4>{{_i}}Second Thumbnail label{{/i}}</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> <div class="item"> <img alt=""> <div class="carousel-caption"> <h4>{{_i}}Third Thumbnail label{{/i}}</h4> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a> <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a> </div>');
-        template.attr("data-interval", 1814);
+        template.attr('data-interval', 1814);

-        template.appendTo("body");
+        template.appendTo('body');
        $('[data-slide]').first().click();
        ok($('#myCarousel').data('bs.carousel').options.interval == 1814);
        $('#myCarousel').remove();

-        template.appendTo("body").attr("data-modal", "foobar");
+        template.appendTo('body').attr('data-modal', 'foobar');
        $('[data-slide]').first().click();
-        ok($('#myCarousel').data('bs.carousel').options.interval == 1814, "even if there is an data-modal attribute set");
+        ok($('#myCarousel').data('bs.carousel').options.interval == 1814, 'even if there is an data-modal attribute set');
        $('#myCarousel').remove();

-        template.appendTo("body");
+        template.appendTo('body');
        $('[data-slide]').first().click();
        $('#myCarousel').attr('data-interval', 1860);
        $('[data-slide]').first().click();
-        ok($('#myCarousel').data('bs.carousel').options.interval == 1814, "attributes should be read only on intitialization");
+        ok($('#myCarousel').data('bs.carousel').options.interval == 1814, 'attributes should be read only on intitialization');
        $('#myCarousel').remove();

-        template.attr("data-interval", false);
-        template.appendTo("body");
+        template.attr('data-interval', false);
+        template.appendTo('body');
        $('#myCarousel').carousel(1);
-        ok($('#myCarousel').data('bs.carousel').options.interval === false, "data attribute has higher priority than default options");
+        ok($('#myCarousel').data('bs.carousel').options.interval === false, 'data attribute has higher priority than default options');
        $('#myCarousel').remove();
      })
 })
--- a/js/tests/unit/collapse.js
+++ b/js/tests/unit/collapse.js
@ -1,34 +1,34 @@
 $(function () {

-    module("collapse")
+    module('collapse')

-      test("should provide no conflict", function () {
+      test('should provide no conflict', function () {
        var collapse = $.fn.collapse.noConflict()
        ok(!$.fn.collapse, 'collapse was set back to undefined (org value)')
        $.fn.collapse = collapse
      })

-      test("should be defined on jquery object", function () {
+      test('should be defined on jquery object', function () {
        ok($(document.body).collapse, 'collapse method is defined')
      })

-      test("should return element", function () {
+      test('should return element', function () {
        ok($(document.body).collapse()[0] == document.body, 'document.body returned')
      })

-      test("should show a collapsed element", function () {
+      test('should show a collapsed element', function () {
        var el = $('<div class="collapse"></div>').collapse('show')
        ok(el.hasClass('in'), 'has class in')
        ok(/height/.test(el.attr('style')), 'has height set')
      })

-      test("should hide a collapsed element", function () {
+      test('should hide a collapsed element', function () {
        var el = $('<div class="collapse"></div>').collapse('hide')
        ok(!el.hasClass('in'), 'does not have class in')
        ok(/height/.test(el.attr('style')), 'has height set')
      })

-      test("should not fire shown when show is prevented", function () {
+      test('should not fire shown when show is prevented', function () {
        $.support.transition = false
        stop()
        $('<div class="collapse"/>')
@ -43,7 +43,7 @@ $(function () {
          .collapse('show')
      })

-      test("should reset style to auto after finishing opening collapse", function () {
+      test('should reset style to auto after finishing opening collapse', function () {
        $.support.transition = false
        stop()
        $('<div class="collapse" style="height: 0px"/>')
@ -57,7 +57,7 @@ $(function () {
          .collapse('show')
      })

-      test("should add active class to target when collapse shown", function () {
+      test('should add active class to target when collapse shown', function () {
        $.support.transition = false
        stop()

@ -74,7 +74,7 @@ $(function () {
        target.click()
      })

-      test("should remove active class to target when collapse hidden", function () {
+      test('should remove active class to target when collapse hidden', function () {
        $.support.transition = false
        stop()

@ -91,7 +91,7 @@ $(function () {
        target.click()
      })

-      test("should remove active class from inactive accordion targets", function () {
+      test('should remove active class from inactive accordion targets', function () {
        $.support.transition = false
        stop()

@ -126,7 +126,7 @@ $(function () {
        target3.click()
      })

-      test("should allow dots in data-parent", function () {
+      test('should allow dots in data-parent', function () {
        $.support.transition = false
        stop()

--- a/js/tests/unit/dropdown.js
+++ b/js/tests/unit/dropdown.js
@ -1,23 +1,23 @@
 $(function () {

-    module("dropdowns")
+    module('dropdowns')

-      test("should provide no conflict", function () {
+      test('should provide no conflict', function () {
        var dropdown = $.fn.dropdown.noConflict()
        ok(!$.fn.dropdown, 'dropdown was set back to undefined (org value)')
        $.fn.dropdown = dropdown
      })

-      test("should be defined on jquery object", function () {
+      test('should be defined on jquery object', function () {
        ok($(document.body).dropdown, 'dropdown method is defined')
      })

-      test("should return element", function () {
-        var el = $("<div />")
+      test('should return element', function () {
+        var el = $('<div />')
        ok(el.dropdown()[0] === el[0], 'same element returned')
      })

-      test("should not open dropdown if target is disabled", function () {
+      test('should not open dropdown if target is disabled', function () {
        var dropdownHTML = '<ul class="tabs">'
          + '<li class="dropdown">'
          + '<button disabled href="#" class="btn dropdown-toggle" data-toggle="dropdown">Dropdown</button>'
@ -34,7 +34,7 @@ $(function () {
        ok(!dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
      })

-      test("should not open dropdown if target is disabled", function () {
+      test('should not open dropdown if target is disabled', function () {
        var dropdownHTML = '<ul class="tabs">'
          + '<li class="dropdown">'
          + '<button href="#" class="btn dropdown-toggle disabled" data-toggle="dropdown">Dropdown</button>'
@ -51,7 +51,7 @@ $(function () {
        ok(!dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
      })

-      test("should add class open to menu if clicked", function () {
+      test('should add class open to menu if clicked', function () {
        var dropdownHTML = '<ul class="tabs">'
          + '<li class="dropdown">'
          + '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>'
@ -68,7 +68,7 @@ $(function () {
        ok(dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
      })

-      test("should test if element has a # before assuming it's a selector", function () {
+      test('should test if element has a # before assuming it\'s a selector', function () {
        var dropdownHTML = '<ul class="tabs">'
          + '<li class="dropdown">'
          + '<a href="/foo/" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>'
@ -86,7 +86,7 @@ $(function () {
      })


-      test("should remove open class if body clicked", function () {
+      test('should remove open class if body clicked', function () {
        var dropdownHTML = '<ul class="tabs">'
          + '<li class="dropdown">'
          + '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>'
@ -110,7 +110,7 @@ $(function () {
        dropdown.remove()
      })

-      test("should remove open class if body clicked, with multiple drop downs", function () {
+      test('should remove open class if body clicked, with multiple drop downs', function () {
          var dropdownHTML =
            '<ul class="nav">'
            + '    <li><a href="#menu1">Menu 1</a></li>'
@ -132,24 +132,24 @@ $(function () {
          , first = dropdowns.first()
          , last = dropdowns.last()

-        ok(dropdowns.length == 2, "Should be two dropdowns")
+        ok(dropdowns.length == 2, 'Should be two dropdowns')

        first.click()
        ok(first.parents('.open').length == 1, 'open class added on click')
        ok($('#qunit-fixture .open').length == 1, 'only one object is open')
        $('body').click()
-        ok($("#qunit-fixture .open").length === 0, 'open class removed')
+        ok($('#qunit-fixture .open').length === 0, 'open class removed')

        last.click()
        ok(last.parent('.open').length == 1, 'open class added on click')
        ok($('#qunit-fixture .open').length == 1, 'only one object is open')
        $('body').click()
-        ok($("#qunit-fixture .open").length === 0, 'open class removed')
+        ok($('#qunit-fixture .open').length === 0, 'open class removed')

-        $("#qunit-fixture").html("")
+        $('#qunit-fixture').html('')
      })

-      test("should fire show and hide event", function () {
+      test('should fire show and hide event', function () {
        var dropdownHTML = '<ul class="tabs">'
          + '<li class="dropdown">'
          + '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>'
@ -183,7 +183,7 @@ $(function () {
      })


-      test("should fire shown and hiden event", function () {
+      test('should fire shown and hiden event', function () {
        var dropdownHTML = '<ul class="tabs">'
          + '<li class="dropdown">'
          + '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>'
--- a/js/tests/unit/modal.js
+++ b/js/tests/unit/modal.js
@ -1,195 +1,195 @@
 $(function () {

-  module("modal")
+  module('modal')

-    test("should provide no conflict", function () {
+    test('should provide no conflict', function () {
      var modal = $.fn.modal.noConflict()
      ok(!$.fn.modal, 'modal was set back to undefined (org value)')
      $.fn.modal = modal
    })

-    test("should be defined on jquery object", function () {
-      var div = $("<div id='modal-test'></div>")
+    test('should be defined on jquery object', function () {
+      var div = $('<div id="modal-test"></div>')
      ok(div.modal, 'modal method is defined')
    })

-    test("should return element", function () {
-      var div = $("<div id='modal-test'></div>")
+    test('should return element', function () {
+      var div = $('<div id="modal-test"></div>')
      ok(div.modal() == div, 'document.body returned')
      $('#modal-test').remove()
    })

-    test("should expose defaults var for settings", function () {
+    test('should expose defaults var for settings', function () {
      ok($.fn.modal.Constructor.DEFAULTS, 'default object exposed')
    })

-    test("should insert into dom when show method is called", function () {
+    test('should insert into dom when show method is called', function () {
      stop()
      $.support.transition = false
-      $("<div id='modal-test'></div>")
-        .on("shown.bs.modal", function () {
+      $('<div id="modal-test"></div>')
+        .on('shown.bs.modal', function () {
          ok($('#modal-test').length, 'modal inserted into dom')
          $(this).remove()
          start()
        })
-        .modal("show")
+        .modal('show')
    })

-    test("should fire show event", function () {
+    test('should fire show event', function () {
      stop()
      $.support.transition = false
-      $("<div id='modal-test'></div>")
-        .on("show.bs.modal", function () {
-          ok(true, "show was called")
+      $('<div id="modal-test"></div>')
+        .on('show.bs.modal', function () {
+          ok(true, 'show was called')
        })
-        .on("shown.bs.modal", function () {
+        .on('shown.bs.modal', function () {
          $(this).remove()
          start()
        })
-        .modal("show")
+        .modal('show')
    })

-    test("should not fire shown when default prevented", function () {
+    test('should not fire shown when default prevented', function () {
      stop()
      $.support.transition = false
-      $("<div id='modal-test'></div>")
-        .on("show.bs.modal", function (e) {
+      $('<div id="modal-test"></div>')
+        .on('show.bs.modal', function (e) {
          e.preventDefault()
-          ok(true, "show was called")
+          ok(true, 'show was called')
          start()
        })
-        .on("shown.bs.modal", function () {
-          ok(false, "shown was called")
+        .on('shown.bs.modal', function () {
+          ok(false, 'shown was called')
        })
-        .modal("show")
+        .modal('show')
    })

-    test("should hide modal when hide is called", function () {
+    test('should hide modal when hide is called', function () {
      stop()
      $.support.transition = false

-      $("<div id='modal-test'></div>")
-        .on("shown.bs.modal", function () {
-          ok($('#modal-test').is(":visible"), 'modal visible')
+      $('<div id="modal-test"></div>')
+        .on('shown.bs.modal', function () {
+          ok($('#modal-test').is(':visible'), 'modal visible')
          ok($('#modal-test').length, 'modal inserted into dom')
-          $(this).modal("hide")
+          $(this).modal('hide')
        })
-        .on("hidden.bs.modal", function() {
-          ok(!$('#modal-test').is(":visible"), 'modal hidden')
+        .on('hidden.bs.modal', function () {
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
          $('#modal-test').remove()
          start()
        })
-        .modal("show")
+        .modal('show')
    })

-    test("should toggle when toggle is called", function () {
+    test('should toggle when toggle is called', function () {
      stop()
      $.support.transition = false
-      var div = $("<div id='modal-test'></div>")
+      var div = $('<div id="modal-test"></div>')
      div
-        .on("shown.bs.modal", function () {
-          ok($('#modal-test').is(":visible"), 'modal visible')
+        .on('shown.bs.modal', function () {
+          ok($('#modal-test').is(':visible'), 'modal visible')
          ok($('#modal-test').length, 'modal inserted into dom')
-          div.modal("toggle")
+          div.modal('toggle')
        })
-        .on("hidden.bs.modal", function() {
-          ok(!$('#modal-test').is(":visible"), 'modal hidden')
+        .on('hidden.bs.modal', function () {
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
          div.remove()
          start()
        })
-        .modal("toggle")
+        .modal('toggle')
    })

-    test("should remove from dom when click [data-dismiss=modal]", function () {
+    test('should remove from dom when click [data-dismiss=modal]', function () {
      stop()
      $.support.transition = false
-      var div = $("<div id='modal-test'><span class='close' data-dismiss='modal'></span></div>")
+      var div = $('<div id="modal-test"><span class="close" data-dismiss="modal"></span></div>')
      div
-        .on("shown.bs.modal", function () {
-          ok($('#modal-test').is(":visible"), 'modal visible')
+        .on('shown.bs.modal', function () {
+          ok($('#modal-test').is(':visible'), 'modal visible')
          ok($('#modal-test').length, 'modal inserted into dom')
          div.find('.close').click()
        })
-        .on("hidden.bs.modal", function() {
-          ok(!$('#modal-test').is(":visible"), 'modal hidden')
+        .on('hidden.bs.modal', function () {
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
          div.remove()
          start()
        })
-        .modal("toggle")
+        .modal('toggle')
    })

-    test("should allow modal close with 'backdrop:false'", function () {
+    test('should allow modal close with "backdrop:false"', function () {
      stop()
      $.support.transition = false
-      var div = $("<div>", { id: 'modal-test', "data-backdrop": false })
+      var div = $('<div>', { id: 'modal-test', 'data-backdrop': false })
      div
-        .on("shown.bs.modal", function () {
-          ok($('#modal-test').is(":visible"), 'modal visible')
-          div.modal("hide")
+        .on('shown.bs.modal', function () {
+          ok($('#modal-test').is(':visible'), 'modal visible')
+          div.modal('hide')
        })
-        .on("hidden.bs.modal", function() {
-          ok(!$('#modal-test').is(":visible"), 'modal hidden')
+        .on('hidden.bs.modal', function () {
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
          div.remove()
          start()
        })
-        .modal("show")
+        .modal('show')
    })

-    test("should close modal when clicking outside of modal-content", function () {
+    test('should close modal when clicking outside of modal-content', function () {
      stop()
      $.support.transition = false
-      var div = $("<div id='modal-test'><div class='contents'></div></div>")
+      var div = $('<div id="modal-test"><div class="contents"></div></div>')
      div
-        .bind("shown.bs.modal", function () {
+        .bind('shown.bs.modal', function () {
          ok($('#modal-test').length, 'modal insterted into dom')
          $('.contents').click()
-          ok($('#modal-test').is(":visible"), 'modal visible')
+          ok($('#modal-test').is(':visible'), 'modal visible')
          $('#modal-test').click()
        })
-        .bind("hidden.bs.modal", function() {
-          ok(!$('#modal-test').is(":visible"), 'modal hidden')
+        .bind('hidden.bs.modal', function () {
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
          div.remove()
          start()
        })
-        .modal("show")
+        .modal('show')
    })

-    test("should trigger hide event once when clicking outside of modal-content", function () {
+    test('should trigger hide event once when clicking outside of modal-content', function () {
      stop()
      $.support.transition = false
-      var div = $("<div id='modal-test'><div class='contents'></div></div>")
+      var div = $('<div id="modal-test"><div class="contents"></div></div>')
      var triggered
      div
-        .bind("shown.bs.modal", function () {
+        .bind('shown.bs.modal', function () {
          triggered = 0
          $('#modal-test').click()
        })
-        .one("hidden.bs.modal", function() {
-          div.modal("show")
+        .one('hidden.bs.modal', function () {
+          div.modal('show')
        })
-        .bind("hide.bs.modal", function () {
+        .bind('hide.bs.modal', function () {
          triggered += 1
          ok(triggered === 1, 'modal hide triggered once')
          start()
        })
-        .modal("show")
+        .modal('show')
    })

-    test("should close reopened modal with [data-dismiss=modal] click", function () {
+    test('should close reopened modal with [data-dismiss=modal] click', function () {
      stop()
      $.support.transition = false
-      var div = $("<div id='modal-test'><div class='contents'><div id='close' data-dismiss='modal'></div></div></div>")
+      var div = $('<div id="modal-test"><div class="contents"><div id="close" data-dismiss="modal"></div></div></div>')
      div
-        .bind("shown.bs.modal", function () {
+        .bind('shown.bs.modal', function () {
          $('#close').click()
-          ok(!$('#modal-test').is(":visible"), 'modal hidden')
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
        })
-        .one("hidden.bs.modal", function() {
+        .one('hidden.bs.modal', function () {
          div.one('hidden.bs.modal', function () {
            start()
-          }).modal("show")
+          }).modal('show')
        })
-        .modal("show")
+        .modal('show')

      div.remove()
    })
--- a/js/tests/unit/phantom.js
+++ b/js/tests/unit/phantom.js
@ -2,7 +2,7 @@
 * grunt-contrib-qunit
 * http://gruntjs.com/
 *
- * Copyright (c) 2013 "Cowboy" Ben Alman, contributors
+ * Copyright (c) 2013 'Cowboy' Ben Alman, contributors
 * Licensed under the MIT license.
 */

@ -22,7 +22,7 @@
  }

  // These methods connect QUnit to PhantomJS.
-  QUnit.log = function(obj) {
+  QUnit.log = function (obj) {
    // What is this I don’t even
    if (obj.message === '[object Object], undefined:undefined') { return }
    // Parse some stuff before sending it.
@ -32,37 +32,37 @@
    sendMessage('qunit.log', obj.result, actual, expected, obj.message, obj.source)
  }

-  QUnit.testStart = function(obj) {
+  QUnit.testStart = function (obj) {
    sendMessage('qunit.testStart', obj.name)
  }

-  QUnit.testDone = function(obj) {
+  QUnit.testDone = function (obj) {
    sendMessage('qunit.testDone', obj.name, obj.failed, obj.passed, obj.total)
  }

-  QUnit.moduleStart = function(obj) {
+  QUnit.moduleStart = function (obj) {
    sendMessage('qunit.moduleStart', obj.name)
  }

  QUnit.begin = function () {
    sendMessage('qunit.begin')
-    console.log("Starting test suite")
-    console.log("================================================\n")
+    console.log('Starting test suite')
+    console.log('================================================\n')
  }

  QUnit.moduleDone = function (opts) {
    if (opts.failed === 0) {
-      console.log("\r\u2714 All tests passed in '" + opts.name + "' module")
+      console.log('\r\u2714 All tests passed in "' + opts.name + '" module')
    } else {
-      console.log("\u2716 " + opts.failed + " tests failed in '" + opts.name + "' module")
+      console.log('\u2716 ' + opts.failed + ' tests failed in "' + opts.name + '" module')
    }
    sendMessage('qunit.moduleDone', opts.name, opts.failed, opts.passed, opts.total)
  }

  QUnit.done = function (opts) {
-    console.log("\n================================================")
-    console.log("Tests completed in " + opts.runtime + " milliseconds")
-    console.log(opts.passed + " tests of " + opts.total + " passed, " + opts.failed + " failed.")
+    console.log('\n================================================')
+    console.log('Tests completed in ' + opts.runtime + ' milliseconds')
+    console.log(opts.passed + ' tests of ' + opts.total + ' passed, ' + opts.failed + ' failed.')
    sendMessage('qunit.done', opts.failed, opts.passed, opts.total, opts.runtime)
  }

--- a/js/tests/unit/popover.js
+++ b/js/tests/unit/popover.js
@ -1,24 +1,24 @@
 $(function () {

-    module("popover")
+    module('popover')

-      test("should provide no conflict", function () {
+      test('should provide no conflict', function () {
        var popover = $.fn.popover.noConflict()
        ok(!$.fn.popover, 'popover was set back to undefined (org value)')
        $.fn.popover = popover
      })

-      test("should be defined on jquery object", function () {
+      test('should be defined on jquery object', function () {
        var div = $('<div></div>')
        ok(div.popover, 'popover method is defined')
      })

-      test("should return element", function () {
+      test('should return element', function () {
        var div = $('<div></div>')
        ok(div.popover() == div, 'document.body returned')
      })

-      test("should render popover element", function () {
+      test('should render popover element', function () {
        $.support.transition = false
        var popover = $('<a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>')
          .appendTo('#qunit-fixture')
@ -26,10 +26,10 @@ $(function () {

        ok($('.popover').length, 'popover was inserted')
        popover.popover('hide')
-        ok(!$(".popover").length, 'popover removed')
+        ok(!$('.popover').length, 'popover removed')
      })

-      test("should store popover instance in popover data object", function () {
+      test('should store popover instance in popover data object', function () {
        $.support.transition = false
        var popover = $('<a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>')
          .popover()
@ -37,7 +37,7 @@ $(function () {
        ok(!!popover.data('bs.popover'), 'popover instance exists')
      })

-      test("should get title and content from options", function () {
+      test('should get title and content from options', function () {
        $.support.transition = false
        var popover = $('<a href="#">@fat</a>')
          .appendTo('#qunit-fixture')
@ -61,7 +61,7 @@ $(function () {
        $('#qunit-fixture').empty()
      })

-      test("should get title and content from attributes", function () {
+      test('should get title and content from attributes', function () {
        $.support.transition = false
        var popover = $('<a href="#" title="@mdo" data-content="loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻" >@mdo</a>')
          .appendTo('#qunit-fixture')
@ -70,7 +70,7 @@ $(function () {

        ok($('.popover').length, 'popover was inserted')
        equal($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
-        equal($('.popover .popover-content').text(), "loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻", 'content correctly inserted')
+        equal($('.popover .popover-content').text(), 'loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻', 'content correctly inserted')

        popover.popover('hide')
        ok(!$('.popover').length, 'popover was removed')
@ -78,7 +78,7 @@ $(function () {
      })


-      test("should get title and content from attributes #2", function () {
+      test('should get title and content from attributes #2', function () {
        $.support.transition = false
        var popover = $('<a href="#" title="@mdo" data-content="loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻" >@mdo</a>')
          .appendTo('#qunit-fixture')
@ -90,14 +90,14 @@ $(function () {

        ok($('.popover').length, 'popover was inserted')
        equal($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
-        equal($('.popover .popover-content').text(), "loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻", 'content correctly inserted')
+        equal($('.popover .popover-content').text(), 'loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻', 'content correctly inserted')

        popover.popover('hide')
        ok(!$('.popover').length, 'popover was removed')
        $('#qunit-fixture').empty()
      })

-      test("should respect custom classes", function() {
+      test('should respect custom classes', function () {
        $.support.transition = false
        var popover = $('<a href="#">@fat</a>')
          .appendTo('#qunit-fixture')
@ -117,8 +117,8 @@ $(function () {
        $('#qunit-fixture').empty()
      })

-      test("should destroy popover", function () {
-        var popover = $('<div/>').popover({trigger: 'hover'}).on('click.foo', function(){})
+      test('should destroy popover', function () {
+        var popover = $('<div/>').popover({trigger: 'hover'}).on('click.foo', function () {})
        ok(popover.data('bs.popover'), 'popover has data')
        ok($._data(popover[0], 'events').mouseover && $._data(popover[0], 'events').mouseout, 'popover has hover event')
        ok($._data(popover[0], 'events').click[0].namespace == 'foo', 'popover has extra click.foo event')
--- a/js/tests/unit/scrollspy.js
+++ b/js/tests/unit/scrollspy.js
@ -1,25 +1,25 @@
 $(function () {

-    module("scrollspy")
+    module('scrollspy')

-      test("should provide no conflict", function () {
+      test('should provide no conflict', function () {
        var scrollspy = $.fn.scrollspy.noConflict()
        ok(!$.fn.scrollspy, 'scrollspy was set back to undefined (org value)')
        $.fn.scrollspy = scrollspy
      })

-      test("should be defined on jquery object", function () {
+      test('should be defined on jquery object', function () {
        ok($(document.body).scrollspy, 'scrollspy method is defined')
      })

-      test("should return element", function () {
+      test('should return element', function () {
        ok($(document.body).scrollspy()[0] == document.body, 'document.body returned')
      })

-      test("should switch active class on scroll", function () {
+      test('should switch active class on scroll', function () {
        var sectionHTML = '<div id="masthead"></div>'
          , $section = $(sectionHTML).append('#qunit-fixture')
-          , topbarHTML ='<div class="topbar">'
+          , topbarHTML = '<div class="topbar">'
          + '<div class="topbar-inner">'
          + '<div class="container">'
          + '<h3><a href="#">Bootstrap</a></h3>'
--- a/js/tests/unit/tab.js
+++ b/js/tests/unit/tab.js
@ -1,55 +1,55 @@
 $(function () {

-    module("tabs")
+    module('tabs')

-      test("should provide no conflict", function () {
+      test('should provide no conflict', function () {
        var tab = $.fn.tab.noConflict()
        ok(!$.fn.tab, 'tab was set back to undefined (org value)')
        $.fn.tab = tab
      })

-      test("should be defined on jquery object", function () {
+      test('should be defined on jquery object', function () {
        ok($(document.body).tab, 'tabs method is defined')
      })

-      test("should return element", function () {
+      test('should return element', function () {
        ok($(document.body).tab()[0] == document.body, 'document.body returned')
      })

-      test("should activate element by tab id", function () {
+      test('should activate element by tab id', function () {
        var tabsHTML =
            '<ul class="tabs">'
          + '<li><a href="#home">Home</a></li>'
          + '<li><a href="#profile">Profile</a></li>'
          + '</ul>'

-        $('<ul><li id="home"></li><li id="profile"></li></ul>').appendTo("#qunit-fixture")
+        $('<ul><li id="home"></li><li id="profile"></li></ul>').appendTo('#qunit-fixture')

        $(tabsHTML).find('li:last a').tab('show')
-        equal($("#qunit-fixture").find('.active').attr('id'), "profile")
+        equal($('#qunit-fixture').find('.active').attr('id'), 'profile')

        $(tabsHTML).find('li:first a').tab('show')
-        equal($("#qunit-fixture").find('.active').attr('id'), "home")
+        equal($('#qunit-fixture').find('.active').attr('id'), 'home')
      })

-      test("should activate element by tab id", function () {
+      test('should activate element by tab id', function () {
        var pillsHTML =
            '<ul class="pills">'
          + '<li><a href="#home">Home</a></li>'
          + '<li><a href="#profile">Profile</a></li>'
          + '</ul>'

-        $('<ul><li id="home"></li><li id="profile"></li></ul>').appendTo("#qunit-fixture")
+        $('<ul><li id="home"></li><li id="profile"></li></ul>').appendTo('#qunit-fixture')

        $(pillsHTML).find('li:last a').tab('show')
-        equal($("#qunit-fixture").find('.active').attr('id'), "profile")
+        equal($('#qunit-fixture').find('.active').attr('id'), 'profile')

        $(pillsHTML).find('li:first a').tab('show')
-        equal($("#qunit-fixture").find('.active').attr('id'), "home")
+        equal($('#qunit-fixture').find('.active').attr('id'), 'home')
      })


-      test("should not fire closed when close is prevented", function () {
+      test('should not fire closed when close is prevented', function () {
        $.support.transition = false
        stop();
        $('<div class="tab"/>')
@ -64,7 +64,7 @@ $(function () {
          .tab('show')
      })

-      test("show and shown events should reference correct relatedTarget", function () {
+      test('show and shown events should reference correct relatedTarget', function () {
        var dropHTML =
            '<ul class="drop">'
          + '<li class="dropdown"><a data-toggle="dropdown" href="#">1</a>'
@ -76,10 +76,10 @@ $(function () {
          + '</ul>'

        $(dropHTML).find('ul>li:first a').tab('show').end()
-          .find('ul>li:last a').on('show', function(event){
-            equal(event.relatedTarget.hash, "#1-1")
-          }).on('shown', function(event){
-            equal(event.relatedTarget.hash, "#1-1")
+          .find('ul>li:last a').on('show', function (event) {
+            equal(event.relatedTarget.hash, '#1-1')
+          }).on('shown', function (event) {
+            equal(event.relatedTarget.hash, '#1-1')
          }).tab('show')
      })

--- a/js/tests/unit/tooltip.js
+++ b/js/tests/unit/tooltip.js
@ -1,49 +1,49 @@
 $(function () {

-    module("tooltip")
+    module('tooltip')

-      test("should provide no conflict", function () {
+      test('should provide no conflict', function () {
        var tooltip = $.fn.tooltip.noConflict()
        ok(!$.fn.tooltip, 'tooltip was set back to undefined (org value)')
        $.fn.tooltip = tooltip
      })

-      test("should be defined on jquery object", function () {
-        var div = $("<div></div>")
+      test('should be defined on jquery object', function () {
+        var div = $('<div></div>')
        ok(div.tooltip, 'popover method is defined')
      })

-      test("should return element", function () {
-        var div = $("<div></div>")
+      test('should return element', function () {
+        var div = $('<div></div>')
        ok(div.tooltip() == div, 'document.body returned')
      })

-      test("should expose default settings", function () {
+      test('should expose default settings', function () {
        ok(!!$.fn.tooltip.Constructor.DEFAULTS, 'defaults is defined')
      })

-      test("should empty title attribute", function () {
+      test('should empty title attribute', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>').tooltip()
        ok(tooltip.attr('title') === '', 'title attribute was emptied')
      })

-      test("should add data attribute for referencing original title", function () {
+      test('should add data attribute for referencing original title', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>').tooltip()
        equal(tooltip.attr('data-original-title'), 'Another tooltip', 'original title preserved in data attribute')
      })

-      test("should place tooltips relative to placement option", function () {
+      test('should place tooltips relative to placement option', function () {
        $.support.transition = false
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({placement: 'bottom'})
          .tooltip('show')

-        ok($(".tooltip").is('.fade.bottom.in'), 'has correct classes applied')
+        ok($('.tooltip').is('.fade.bottom.in'), 'has correct classes applied')
        tooltip.tooltip('hide')
      })

-      test("should allow html entities", function () {
+      test('should allow html entities', function () {
        $.support.transition = false
        var tooltip = $('<a href="#" rel="tooltip" title="<b>@fat</b>"></a>')
          .appendTo('#qunit-fixture')
@ -52,10 +52,10 @@ $(function () {

        ok($('.tooltip b').length, 'b tag was inserted')
        tooltip.tooltip('hide')
-        ok(!$(".tooltip").length, 'tooltip removed')
+        ok(!$('.tooltip').length, 'tooltip removed')
      })

-      test("should respect custom classes", function () {
+      test('should respect custom classes', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({ template: '<div class="tooltip some-class"><div class="tooltip-arrow"/><div class="tooltip-inner"/></div>'})
@ -63,87 +63,87 @@ $(function () {

        ok($('.tooltip').hasClass('some-class'), 'custom class is present')
        tooltip.tooltip('hide')
-        ok(!$(".tooltip").length, 'tooltip removed')
+        ok(!$('.tooltip').length, 'tooltip removed')
      })

-      test("should fire show event", function () {
+      test('should fire show event', function () {
        stop()
        var tooltip = $('<div title="tooltip title"></div>')
-          .on("show.bs.tooltip", function() {
-            ok(true, "show was called")
+          .on('show.bs.tooltip', function () {
+            ok(true, 'show was called')
            start()
          })
          .tooltip('show')
      })

-      test("should fire shown event", function () {
+      test('should fire shown event', function () {
        stop()
        var tooltip = $('<div title="tooltip title"></div>')
-          .on("shown.bs.tooltip", function() {
-            ok(true, "shown was called")
+          .on('shown.bs.tooltip', function () {
+            ok(true, 'shown was called')
            start()
          })
          .tooltip('show')
      })

-      test("should not fire shown event when default prevented", function () {
+      test('should not fire shown event when default prevented', function () {
        stop()
        var tooltip = $('<div title="tooltip title"></div>')
-          .on("show.bs.tooltip", function(e) {
+          .on('show.bs.tooltip', function (e) {
            e.preventDefault()
-            ok(true, "show was called")
+            ok(true, 'show was called')
            start()
          })
-          .on("shown.bs.tooltip", function() {
-            ok(false, "shown was called")
+          .on('shown.bs.tooltip', function () {
+            ok(false, 'shown was called')
          })
          .tooltip('show')
      })

-      test("should fire hide event", function () {
+      test('should fire hide event', function () {
        stop()
        var tooltip = $('<div title="tooltip title"></div>')
-          .on("shown.bs.tooltip", function() {
+          .on('shown.bs.tooltip', function () {
            $(this).tooltip('hide')
          })
-          .on("hide.bs.tooltip", function() {
-            ok(true, "hide was called")
+          .on('hide.bs.tooltip', function () {
+            ok(true, 'hide was called')
            start()
          })
          .tooltip('show')
      })

-      test("should fire hidden event", function () {
+      test('should fire hidden event', function () {
        stop()
        var tooltip = $('<div title="tooltip title"></div>')
-          .on("shown.bs.tooltip", function() {
+          .on('shown.bs.tooltip', function () {
            $(this).tooltip('hide')
          })
-          .on("hidden.bs.tooltip", function() {
-            ok(true, "hidden was called")
+          .on('hidden.bs.tooltip', function () {
+            ok(true, 'hidden was called')
            start()
          })
          .tooltip('show')
      })

-      test("should not fire hidden event when default prevented", function () {
+      test('should not fire hidden event when default prevented', function () {
        stop()
        var tooltip = $('<div title="tooltip title"></div>')
-          .on("shown.bs.tooltip", function() {
+          .on('shown.bs.tooltip', function () {
            $(this).tooltip('hide')
          })
-          .on("hide.bs.tooltip", function(e) {
+          .on('hide.bs.tooltip', function (e) {
            e.preventDefault()
-            ok(true, "hide was called")
+            ok(true, 'hide was called')
            start()
          })
-          .on("hidden.bs.tooltip", function() {
-            ok(false, "hidden was called")
+          .on('hidden.bs.tooltip', function () {
+            ok(false, 'hidden was called')
          })
          .tooltip('show')
      })

-      test("should not show tooltip if leave event occurs before delay expires", function () {
+      test('should not show tooltip if leave event occurs before delay expires', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({ delay: 200 })
@ -153,16 +153,16 @@ $(function () {
        tooltip.trigger('mouseenter')

        setTimeout(function () {
-          ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in')
+          ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
          tooltip.trigger('mouseout')
          setTimeout(function () {
-            ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in')
+            ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
            start()
          }, 200)
        }, 100)
      })

-      test("should not show tooltip if leave event occurs before delay expires, even if hide delay is 0", function () {
+      test('should not show tooltip if leave event occurs before delay expires, even if hide delay is 0', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({ delay: { show: 200, hide: 0} })
@ -172,16 +172,16 @@ $(function () {
        tooltip.trigger('mouseenter')

        setTimeout(function () {
-          ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in')
+          ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
          tooltip.trigger('mouseout')
          setTimeout(function () {
-            ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in')
+            ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
            start()
          }, 200)
        }, 100)
      })

-      test("should wait 200 ms before hiding the tooltip", 3, function () {
+      test('should wait 200 ms before hiding the tooltip', 3, function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({ delay: { show: 0, hide: 200} })
@ -191,19 +191,19 @@ $(function () {
        tooltip.trigger('mouseenter')

        setTimeout(function () {
-          ok($(".tooltip").is('.fade.in'), 'tooltip is faded in')
+          ok($('.tooltip').is('.fade.in'), 'tooltip is faded in')
          tooltip.trigger('mouseout')
          setTimeout(function () {
-            ok($(".tooltip").is('.fade.in'), '100ms:tooltip is still faded in')
+            ok($('.tooltip').is('.fade.in'), '100ms:tooltip is still faded in')
            setTimeout(function () {
-              ok(!$(".tooltip").is('.in'), 'tooltip removed')
+              ok(!$('.tooltip').is('.in'), 'tooltip removed')
              start()
            }, 150)
          }, 100)
        }, 1)
      })

-      test("should not hide tooltip if leave event occurs, then tooltip is show immediately again", function () {
+      test('should not hide tooltip if leave event occurs, then tooltip is show immediately again', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({ delay: { show: 0, hide: 200} })
@ -213,52 +213,52 @@ $(function () {
        tooltip.trigger('mouseenter')

        setTimeout(function () {
-          ok($(".tooltip").is('.fade.in'), 'tooltip is faded in')
+          ok($('.tooltip').is('.fade.in'), 'tooltip is faded in')
          tooltip.trigger('mouseout')
          setTimeout(function () {
-            ok($(".tooltip").is('.fade.in'), '100ms:tooltip is still faded in')
+            ok($('.tooltip').is('.fade.in'), '100ms:tooltip is still faded in')
            tooltip.trigger('mouseenter')
            setTimeout(function () {
-              ok($(".tooltip").is('.in'), 'tooltip removed')
+              ok($('.tooltip').is('.in'), 'tooltip removed')
              start()
            }, 150)
          }, 100)
        }, 1)
      })

-      test("should not show tooltip if leave event occurs before delay expires", function () {
+      test('should not show tooltip if leave event occurs before delay expires', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({ delay: 100 })
        stop()
        tooltip.trigger('mouseenter')
        setTimeout(function () {
-          ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in')
+          ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
          tooltip.trigger('mouseout')
          setTimeout(function () {
-            ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in')
+            ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
            start()
          }, 100)
        }, 50)
      })

-      test("should show tooltip if leave event hasn't occured before delay expires", function () {
+      test('should show tooltip if leave event hasn\'t occured before delay expires', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({ delay: 150 })
        stop()
        tooltip.trigger('mouseenter')
        setTimeout(function () {
-          ok(!$(".tooltip").is('.fade.in'), 'tooltip is not faded in')
+          ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
        }, 100)
        setTimeout(function () {
-          ok($(".tooltip").is('.fade.in'), 'tooltip has faded in')
+          ok($('.tooltip').is('.fade.in'), 'tooltip has faded in')
          start()
        }, 200)
      })

-      test("should destroy tooltip", function () {
-        var tooltip = $('<div/>').tooltip().on('click.foo', function(){})
+      test('should destroy tooltip', function () {
+        var tooltip = $('<div/>').tooltip().on('click.foo', function () {})
        ok(tooltip.data('bs.tooltip'), 'tooltip has data')
        ok($._data(tooltip[0], 'events').mouseover && $._data(tooltip[0], 'events').mouseout, 'tooltip has hover event')
        ok($._data(tooltip[0], 'events').click[0].namespace == 'foo', 'tooltip has extra click.foo event')
@ -270,66 +270,66 @@ $(function () {
        ok(!$._data(tooltip[0], 'events').mouseover && !$._data(tooltip[0], 'events').mouseout, 'tooltip does not have any events')
      })

-      test("should show tooltip with delegate selector on click", function () {
+      test('should show tooltip with delegate selector on click', function () {
        var div = $('<div><a href="#" rel="tooltip" title="Another tooltip"></a></div>')
        var tooltip = div.appendTo('#qunit-fixture')
                         .tooltip({ selector: 'a[rel=tooltip]',
                                    trigger: 'click' })
        div.find('a').trigger('click')
-        ok($(".tooltip").is('.fade.in'), 'tooltip is faded in')
+        ok($('.tooltip').is('.fade.in'), 'tooltip is faded in')
      })

-      test("should show tooltip when toggle is called", function () {
+      test('should show tooltip when toggle is called', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="tooltip on toggle"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({trigger: 'manual'})
          .tooltip('toggle')
-        ok($(".tooltip").is('.fade.in'), 'tooltip should be toggled in')
+        ok($('.tooltip').is('.fade.in'), 'tooltip should be toggled in')
      })

-      test("should place tooltips inside the body", function () {
+      test('should place tooltips inside the body', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
          .appendTo('#qunit-fixture')
-          .tooltip({container:'body'})
+          .tooltip({container: 'body'})
          .tooltip('show')
-        ok($("body > .tooltip").length, 'inside the body')
-        ok(!$("#qunit-fixture > .tooltip").length, 'not found in parent')
+        ok($('body > .tooltip').length, 'inside the body')
+        ok(!$('#qunit-fixture > .tooltip').length, 'not found in parent')
        tooltip.tooltip('hide')
      })

-      test("should place tooltip inside window", function(){
-        var container = $("<div />").appendTo("body")
-            .css({position: "absolute", width: 200, height: 200, bottom: 0, left: 0})
-          , tooltip = $("<a href='#' title='Very very very very very very very very long tooltip'>Hover me</a>")
-          .css({position: "absolute", top:0, left: 0})
+      test('should place tooltip inside window', function () {
+        var container = $('<div />').appendTo('body')
+            .css({position: 'absolute', width: 200, height: 200, bottom: 0, left: 0})
+          , tooltip = $('<a href="#" title="Very very very very very very very very long tooltip">Hover me</a>')
+          .css({position: 'absolute', top: 0, left: 0})
          .appendTo(container)
-          .tooltip({placement: "top", animate: false})
-          .tooltip("show")
+          .tooltip({placement: 'top', animate: false})
+          .tooltip('show')

        stop()

-        setTimeout(function(){
-          ok($(".tooltip").offset().left >= 0)
+        setTimeout(function () {
+          ok($('.tooltip').offset().left >= 0)

          start()
          container.remove()
        }, 100)
      })

-      test("should place tooltip on top of element", function(){
-        var container = $("<div />").appendTo("body")
-              .css({position: "absolute", bottom: 0, left: 0, textAlign: "right", width: 300, height: 300})
-            , p = $("<p style='margin-top:200px' />").appendTo(container)
-            , tooltiped = $("<a href='#' title='very very very very very very very long tooltip'>Hover me</a>")
+      test('should place tooltip on top of element', function () {
+        var container = $('<div />').appendTo('body')
+              .css({position: 'absolute', bottom: 0, left: 0, textAlign: 'right', width: 300, height: 300})
+            , p = $('<p style="margin-top:200px" />').appendTo(container)
+            , tooltiped = $('<a href="#" title="very very very very very very very long tooltip">Hover me</a>')
              .css({marginTop: 200})
              .appendTo(p)
-              .tooltip({placement: "top", animate: false})
-              .tooltip("show")
+              .tooltip({placement: 'top', animate: false})
+              .tooltip('show')

        stop()

-        setTimeout(function(){
-          var tooltip = container.find(".tooltip")
+        setTimeout(function () {
+          var tooltip = container.find('.tooltip')

          start()
          ok(tooltip.offset().top + tooltip.outerHeight() <= tooltiped.offset().top)
@ -337,21 +337,21 @@ $(function () {
        }, 100)
      })

-      test("should add position class before positioning so that position-specific styles are taken into account", function(){
-        $("head").append('<style> .tooltip.right { white-space: nowrap; } .tooltip.right .tooltip-inner { max-width: none; } </style>')
+      test('should add position class before positioning so that position-specific styles are taken into account', function () {
+        $('head').append('<style> .tooltip.right { white-space: nowrap; } .tooltip.right .tooltip-inner { max-width: none; } </style>')

-        var container = $("<div />").appendTo("body")
+        var container = $('<div />').appendTo('body')
          , target = $('<a href="#" rel="tooltip" title="very very very very very very very very long tooltip in one line"></a>')
              .appendTo(container)
              .tooltip({placement: 'right'})
              .tooltip('show')
-          , tooltip = container.find(".tooltip")
+          , tooltip = container.find('.tooltip')

-        ok( Math.round(target.offset().top + target[0].offsetHeight/2 - tooltip[0].offsetHeight/2) === Math.round(tooltip.offset().top) )
+        ok( Math.round(target.offset().top + (target[0].offsetHeight / 2) - (tooltip[0].offsetHeight / 2)) === Math.round(tooltip.offset().top) )
        target.tooltip('hide')
      })

-      test("tooltip title test #1", function () {
+      test('tooltip title test #1', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Simple tooltip" style="display: inline-block; position: absolute; top: 0; left: 0;"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({
@ -359,10 +359,10 @@ $(function () {
          .tooltip('show')
        equal($('.tooltip').children('.tooltip-inner').text(), 'Simple tooltip', 'title from title attribute is set')
        tooltip.tooltip('hide')
-        ok(!$(".tooltip").length, 'tooltip removed')
+        ok(!$('.tooltip').length, 'tooltip removed')
      })

-      test("tooltip title test #2", function () {
+      test('tooltip title test #2', function () {
        var tooltip = $('<a href="#" rel="tooltip" title="Simple tooltip" style="display: inline-block; position: absolute; top: 0; left: 0;"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({
@ -371,10 +371,10 @@ $(function () {
          .tooltip('show')
        equal($('.tooltip').children('.tooltip-inner').text(), 'Simple tooltip', 'title is set from title attribute while prefered over title option')
        tooltip.tooltip('hide')
-        ok(!$(".tooltip").length, 'tooltip removed')
+        ok(!$('.tooltip').length, 'tooltip removed')
      })

-      test("tooltip title test #3", function () {
+      test('tooltip title test #3', function () {
        var tooltip = $('<a href="#" rel="tooltip" style="display: inline-block; position: absolute; top: 0; left: 0;"></a>')
          .appendTo('#qunit-fixture')
          .tooltip({
@ -383,10 +383,10 @@ $(function () {
          .tooltip('show')
        equal($('.tooltip').children('.tooltip-inner').text(), 'This is a tooltip with some content', 'title from title option is set')
        tooltip.tooltip('hide')
-        ok(!$(".tooltip").length, 'tooltip removed')
+        ok(!$('.tooltip').length, 'tooltip removed')
      })

-      test("tooltips should be placed dynamically, with the dynamic placement option", function () {
+      test('tooltips should be placed dynamically, with the dynamic placement option', function () {
        $.support.transition = false
        var ttContainer = $('<div id="dynamic-tt-test"/>').css({
          'height' : 400
@ -403,7 +403,7 @@ $(function () {
          .tooltip('show')


-        ok($(".tooltip").is('.bottom'),  'top positioned tooltip is dynamically positioned bottom')
+        ok($('.tooltip').is('.bottom'),  'top positioned tooltip is dynamically positioned bottom')

        topTooltip.tooltip('hide')

@ -412,7 +412,7 @@ $(function () {
          .tooltip({placement: 'right auto'})
          .tooltip('show')

-        ok($(".tooltip").is('.left'),  'right positioned tooltip is dynamically positioned left')
+        ok($('.tooltip').is('.left'),  'right positioned tooltip is dynamically positioned left')
        rightTooltip.tooltip('hide')

        var bottomTooltip = $('<div style="display: inline-block; position: absolute; bottom: 0;" rel="tooltip" title="Bottom tooltip">Bottom Dynamic Tooltip</div>')
@ -420,7 +420,7 @@ $(function () {
          .tooltip({placement: 'auto bottom'})
          .tooltip('show')

-        ok($(".tooltip").is('.top'),  'bottom positioned tooltip is dynamically positioned top')
+        ok($('.tooltip').is('.top'),  'bottom positioned tooltip is dynamically positioned top')
        bottomTooltip.tooltip('hide')

        var leftTooltip = $('<div style="display: inline-block; position: absolute; left: 0;" rel="tooltip" title="Left tooltip">Left Dynamic Tooltip</div>')
@ -428,7 +428,7 @@ $(function () {
          .tooltip({placement: 'auto left'})
          .tooltip('show')

-        ok($(".tooltip").is('.right'),  'left positioned tooltip is dynamically positioned right')
+        ok($('.tooltip').is('.right'),  'left positioned tooltip is dynamically positioned right')
        leftTooltip.tooltip('hide')

        ttContainer.remove()
--- a/js/tests/unit/transition.js
+++ b/js/tests/unit/transition.js
@ -1,12 +1,12 @@
 $(function () {

-    module("transition")
+    module('transition')

-      test("should be defined on jquery support object", function () {
+      test('should be defined on jquery support object', function () {
        ok($.support.transition !== undefined, 'transition object is defined')
      })

-      test("should provide an end object", function () {
+      test('should provide an end object', function () {
        ok($.support.transition ? $.support.transition.end : true, 'end string is defined')
      })

--- a/js/tooltip.js
+++ b/js/tooltip.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: tooltip.js v3.0.0
+ * Bootstrap: tooltip.js v3.0.3
 * http://getbootstrap.com/javascript/#tooltip
 * Inspired by the original jQuery.tipsy by Jason Frame
 * ========================================================================
@ -19,7 +19,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // TOOLTIP PUBLIC CLASS DEFINITION
  // ===============================
@ -133,7 +133,7 @@
  }

  Tooltip.prototype.show = function () {
-    var e = $.Event('show.bs.'+ this.type)
+    var e = $.Event('show.bs.' + this.type)

    if (this.hasContent() && this.enabled) {
      this.$element.trigger(e)
@ -192,7 +192,7 @@
    }
  }

-  Tooltip.prototype.applyPlacement = function(offset, placement) {
+  Tooltip.prototype.applyPlacement = function (offset, placement) {
    var replace
    var $tip   = this.tip()
    var width  = $tip[0].offsetWidth
@ -243,8 +243,8 @@
    if (replace) $tip.offset(offset)
  }

-  Tooltip.prototype.replaceArrow = function(delta, dimension, position) {
-    this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '')
+  Tooltip.prototype.replaceArrow = function (delta, dimension, position) {
+    this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + '%') : '')
  }

  Tooltip.prototype.setContent = function () {
@ -383,4 +383,4 @@
    return this
  }

-}(window.jQuery);
+}(jQuery);
--- a/js/transition.js
+++ b/js/transition.js
@ -1,5 +1,5 @@
 /* ========================================================================
- * Bootstrap: transition.js v3.0.0
+ * Bootstrap: transition.js v3.0.3
 * http://getbootstrap.com/javascript/#transitions
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
@ -18,7 +18,7 @@
 * ======================================================================== */


-+function ($) { "use strict";
+function ($) { 'use strict';

  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
  // ============================================================
@ -53,4 +53,4 @@
    $.support.transition = transitionEnd()
  })

-}(window.jQuery);
+}(jQuery);
--- a/less/badges.less
+++ b/less/badges.less
@ -22,6 +22,12 @@
  &:empty {
    display: none;
  }
+
+  // Quick fix for badges in buttons
+  .btn & {
+    position: relative;
+    top: -1px;
+  }
 }

 // Hover state, but only for links
@ -34,12 +40,6 @@ a.badge {
  }
 }

-// Quick fix for labels/badges in buttons
-.btn .badge {
-  position: relative;
-  top: -1px;
-}
-
 // Account for counters in navs
 a.list-group-item.active > .badge,
 .nav-pills > .active > a > .badge {
--- a/less/breadcrumbs.less
+++ b/less/breadcrumbs.less
@ -4,7 +4,7 @@


 .breadcrumb {
-  padding: 8px 15px;
+  padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
  margin-bottom: @line-height-computed;
  list-style: none;
  background-color: @breadcrumb-bg;
--- a/less/button-groups.less
+++ b/less/button-groups.less
@ -2,37 +2,6 @@
 // Button groups
 // --------------------------------------------------

-// Button carets
-//
-// Match the button text color to the arrow/caret for indicating dropdown-ness.
-
-.caret {
-  .btn-default & {
-    border-top-color: @btn-default-color;
-  }
-  .btn-primary &,
-  .btn-success &,
-  .btn-warning &,
-  .btn-danger &,
-  .btn-info & {
-    border-top-color: #fff;
-  }
-}
-.dropup {
-  .btn-default .caret {
-    border-bottom-color: @btn-default-color;
-  }
-  .btn-primary,
-  .btn-success,
-  .btn-warning,
-  .btn-danger,
-  .btn-info {
-   .caret {
-      border-bottom-color: #fff;
-    }
-  }
-}
-
 // Make the div behave like a button
 .btn-group,
 .btn-group-vertical {
@ -68,18 +37,17 @@

 // Optional: Group multiple button groups together for a toolbar
 .btn-toolbar {
-  .clearfix();
+  margin-left: -5px; // Offset the first child's margin
+  &:extend(.clearfix all);

-  .btn-group {
+  .btn-group,
+  .input-group {
    float: left;
  }
-  // Space out series of button groups
  > .btn,
-  > .btn-group {
-    + .btn,
-    + .btn-group {
-      margin-left: 5px;
-    }
+  > .btn-group,
+  > .input-group {
+    margin-left: 5px;
  }
 }

@ -178,7 +146,8 @@

 .btn-group-vertical {
  > .btn,
-  > .btn-group {
+  > .btn-group,
+  > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
@ -187,7 +156,7 @@

  // Clear floats so dropdown menus can be properly placed
  > .btn-group {
-    .clearfix();
+    &:extend(.clearfix all);
    > .btn {
      float: none;
    }
@ -238,11 +207,15 @@
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
-  .btn {
+  > .btn,
+  > .btn-group {
    float: none;
    display: table-cell;
    width: 1%;
  }
+  > .btn-group .btn {
+    width: 100%;
+  }
 }


--- a/less/buttons.less
+++ b/less/buttons.less
@ -6,7 +6,6 @@
 // Base styles
 // --------------------------------------------------

-// Core styles
 .btn {
  display: inline-block;
  margin-bottom: 0; // For input.btn
@ -45,7 +44,6 @@
    .opacity(.65);
    .box-shadow(none);
  }
-
 }


@ -58,6 +56,10 @@
 .btn-primary {
  .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
 }
+// Success appears as green
+.btn-success {
+  .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
+}
 // Warning appears as orange
 .btn-warning {
  .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
@ -66,10 +68,6 @@
 .btn-danger {
  .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
 }
-// Success appears as green
-.btn-success {
-  .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
-}
 // Info appears as blue-green
 .btn-info {
  .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
@ -123,13 +121,12 @@
  // line-height: ensure even-numbered height of button next to large input
  .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
 }
-.btn-sm,
-.btn-xs {
+.btn-sm {
  // line-height: ensure proper height of button next to small input
  .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
 }
 .btn-xs {
-  padding: 1px 5px;
+  .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small);
 }


--- a/less/carousel.less
+++ b/less/carousel.less
@ -91,6 +91,7 @@
  // Hover/focus state
  &:hover,
  &:focus {
+    outline: none;
    color: @carousel-control-color;
    text-decoration: none;
    .opacity(.9);
--- a/less/code.less
+++ b/less/code.less
@ -21,6 +21,16 @@ code {
  border-radius: @border-radius-base;
 }

+// User input typically entered via keyboard
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: @kbd-color;
+  background-color: @kbd-bg;
+  border-radius: @border-radius-small;
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
+}
+
 // Blocks of code
 pre {
  display: block;
--- a/less/dropdowns.less
+++ b/less/dropdowns.less
@ -10,12 +10,9 @@
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
-  border-top:   @caret-width-base solid @dropdown-caret-color;
+  border-top:   @caret-width-base solid;
  border-right: @caret-width-base solid transparent;
  border-left:  @caret-width-base solid transparent;
-  // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed,
-  // we can just straight up remove this.
-  border-bottom: 0 dotted;
 }

 // The dropdown wrapper (div)
@ -49,6 +46,8 @@
  background-clip: padding-box;

  // Aligns the dropdown menu to right
+  //
+  // Deprecated as of 3.1 in favor of `.dropdown-menu-[dir]`
  &.pull-right {
    right: 0;
    left: auto;
@ -129,6 +128,25 @@
  }
 }

+// Menu positioning
+//
+// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
+// menu with the parent.
+.dropdown-menu-right {
+  left: auto; // Reset the default from `.dropdown-menu`
+  right: 0;
+}
+// With v3, we enabled auto-flipping if you have a dropdown within a right
+// aligned nav component. To enable the undoing of that, we provide an override
+// to restore the default dropdown menu alignment.
+//
+// This is only for left-aligning a dropdown menu within a `.navbar-right` or
+// `.pull-right` nav component.
+.dropdown-menu-left {
+  left: 0;
+  right: auto;
+}
+
 // Dropdown section headers
 .dropdown-header {
  display: block;
@ -145,7 +163,7 @@
  right: 0;
  bottom: 0;
  top: 0;
-  z-index: @zindex-dropdown - 10;
+  z-index: (@zindex-dropdown - 10);
 }

 // Right aligned dropdowns
@ -163,10 +181,8 @@
 .navbar-fixed-bottom .dropdown {
  // Reverse the caret
  .caret {
-    // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
-    // gets fixed, restore `border-top: 0;`.
-    border-top: 0 dotted;
-    border-bottom: @caret-width-base solid @dropdown-caret-color;
+    border-top: 0;
+    border-bottom: @caret-width-base solid;
    content: "";
  }
  // Different positioning for bottom up menu
@ -185,7 +201,12 @@
@media (min-width: @grid-float-breakpoint) {
  .navbar-right {
    .dropdown-menu {
-      .pull-right > .dropdown-menu();
+      .dropdown-menu-right();
+    }
+    // Necessary for overrides of the default right aligned menu.
+    // Will remove come v4 in all likelihood.
+    .dropdown-menu-left {
+      .dropdown-menu-left();
    }
  }
 }
--- a/less/forms.less
+++ b/less/forms.less
@ -89,15 +89,6 @@ output {
  font-size: @font-size-base;
  line-height: @line-height-base;
  color: @input-color;
-  vertical-align: middle;
-}
-
-// Placeholder
-//
-// Placeholder text gets special styles because when browsers invalidate entire
-// lines if it doesn't understand a selector/
-.form-control {
-  .placeholder();
 }


@ -131,7 +122,6 @@ output {
  font-size: @font-size-base;
  line-height: @line-height-base;
  color: @input-color;
-  vertical-align: middle;
  background-color: @input-bg;
  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid @input-border;
@ -142,6 +132,12 @@ output {
  // Customize the `:focus` state to imitate native WebKit styles.
  .form-control-focus();

+  // Placeholder
+  //
+  // Placeholder text gets special styles because when browsers invalidate entire
+  // lines if it doesn't understand a selector/
+  .placeholder();
+
  // Disabled and read-only inputs
  // Note: HTML5 says that controls under a fieldset > legend:first-child won't
  // be disabled if the fieldset is disabled. Due to implementation difficulty,
@ -181,10 +177,8 @@ output {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
-  vertical-align: middle;
  label {
    display: inline;
-    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
  }
@ -309,6 +303,12 @@ input[type="checkbox"],
    // In navbar-form, allow folks to *not* use `.form-group`
    .form-control {
      display: inline-block;
+      vertical-align: middle;
+    }
+
+    // Override `width: 100%;` when not within a `.form-group`
+    select.form-control {
+      width: auto;
    }

    // Remove default margin on radios/checkboxes that were used for stacking, and
@ -320,6 +320,7 @@ input[type="checkbox"],
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0;
+      vertical-align: middle;
    }
    .radio input[type="radio"],
    .checkbox input[type="checkbox"] {
@ -347,6 +348,12 @@ input[type="checkbox"],
    margin-bottom: 0;
    padding-top: (@padding-base-vertical + 1); // Default padding plus a border
  }
+  // Account for padding we're adding to ensure the alignment and of help text
+  // and other content below items
+  .radio,
+  .checkbox {
+    min-height: (@line-height-computed + (@padding-base-vertical + 1));
+  }

  // Make form groups behave like rows
  .form-group {
--- a/less/glyphicons.less
+++ b/less/glyphicons.less
@ -10,11 +10,11 @@
 // Import the fonts
@font-face {
  font-family: 'Glyphicons Halflings';
-  src: url('@{icon-font-path}@{icon-font-name}.eot');
-  src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'),
-       url('@{icon-font-path}@{icon-font-name}.woff') format('woff'),
-       url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'),
-       url('@{icon-font-path}@{icon-font-name}.svg#glyphicons_halflingsregular') format('svg');
+  src: ~"url('@{icon-font-path}@{icon-font-name}.eot')";
+  src: ~"url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype')",
+       ~"url('@{icon-font-path}@{icon-font-name}.woff') format('woff')",
+       ~"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')",
+       ~"url('@{icon-font-path}@{icon-font-name}.svg#glyphicons-halflingsregular') format('svg')";
 }

 // Catchall baseclass
--- a/Show More
+++ b/Show More