Merge branch 'master' into pr/11107

Conflicts: docs-assets/js/raw-files.js

Merge branch 'master' into pr/11107
Conflicts: docs-assets/js/raw-files.js
83c60ef3 · Mark Otto · 3bfa630d · 4afcebe0 · 83c60ef3 · 83c60ef3
Commit 83c60ef3 authored 11 years ago by Mark Otto
Expand all Hide whitespace changes
Inline Side-by-side

Showing

with 2631 additions and 2706 deletions
+2631 -2706
--- a/css.html
+++ b/css.html
--- 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>

--- a/dist/css/bootstrap-theme.css
+++ b/dist/css/bootstrap-theme.css
--- a/dist/css/bootstrap-theme.min.css
+++ b/dist/css/bootstrap-theme.min.css
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
--- a/dist/css/bootstrap.min.css
+++ b/dist/css/bootstrap.min.css
--- a/dist/js/bootstrap.js
+++ b/dist/js/bootstrap.js
 /*!
- * Bootstrap v3.0.0 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://twbs.github.com/bootstrap/javascript.html#transitions
+ * http://getbootstrap.com/javascript/#transitions
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
 *
@@ -27,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/)
  // ============================================================
@@ -62,11 +61,11 @@ 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://twbs.github.com/bootstrap/javascript.html#alerts
+ * http://getbootstrap.com/javascript/#alerts
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
 *
@@ -84,7 +83,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // ALERT CLASS DEFINITION
  // ======================
@@ -161,11 +160,11 @@ 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://twbs.github.com/bootstrap/javascript.html#buttons
+ * http://getbootstrap.com/javascript/#buttons
 * ========================================================================
 * Copyright 2013 Twitter, Inc.
 *
@@ -183,7 +182,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // BUTTON PUBLIC CLASS DEFINITION
  // ==============================
@@ -219,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'))
+      if ($input.prop('type') === 'radio') {
-        .trigger('change')
+        // see if clicking on current one
-      if ($input.prop('type') === 'radio') $parent.find('.active').removeClass('active')
+        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')
  }
@@ -271,13 +276,13 @@ 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://twbs.github.com/bootstrap/javascript.html#carousel
+ * http://getbootstrap.com/javascript/#carousel
 * ========================================================================
- * Copyright 2012 Twitter, Inc.
+ * Copyright 2013 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -293,7 +298,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // CAROUSEL CLASS DEFINITION
  // =========================
@@ -344,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]))
@@ -396,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')
      })
@@ -414,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 {
@@ -423,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()
@@ -489,13 +494,13 @@ 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://twbs.github.com/bootstrap/javascript.html#collapse
+ * http://getbootstrap.com/javascript/#collapse
 * ========================================================================
- * Copyright 2012 Twitter, Inc.
+ * Copyright 2013 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -511,7 +516,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // COLLAPSE PUBLIC CLASS DEFINITION
  // ================================
@@ -669,13 +674,13 @@ 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://twbs.github.com/bootstrap/javascript.html#dropdowns
+ * http://getbootstrap.com/javascript/#dropdowns
 * ========================================================================
- * Copyright 2012 Twitter, Inc.
+ * Copyright 2013 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -691,7 +696,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // DROPDOWN CLASS DEFINITION
  // =========================
@@ -699,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) {
@@ -714,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)
      }
@@ -758,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()
  }
@@ -796,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)
    })
  }
@@ -824,13 +829,13 @@ 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://twbs.github.com/bootstrap/javascript.html#modals
+ * http://getbootstrap.com/javascript/#modals
 * ========================================================================
- * Copyright 2012 Twitter, Inc.
+ * Copyright 2013 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -846,7 +851,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // MODAL CLASS DEFINITION
  // ======================
@@ -1008,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) :
@@ -1071,14 +1076,14 @@ 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://twbs.github.com/bootstrap/javascript.html#tooltip
+ * http://getbootstrap.com/javascript/#tooltip
 * Inspired by the original jQuery.tipsy by Jason Frame
 * ========================================================================
- * Copyright 2012 Twitter, Inc.
+ * Copyright 2013 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1094,7 +1099,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // TOOLTIP PUBLIC CLASS DEFINITION
  // ===============================
@@ -1208,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)
@@ -1267,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
@@ -1318,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) {
+  Tooltip.prototype.replaceArrow = function (delta, dimension, position) {
-    this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '')
+    this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + '%') : '')
  }
  Tooltip.prototype.setContent = function () {
@@ -1458,13 +1463,13 @@ 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://twbs.github.com/bootstrap/javascript.html#popovers
+ * http://getbootstrap.com/javascript/#popovers
 * ========================================================================
- * Copyright 2012 Twitter, Inc.
+ * Copyright 2013 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1480,7 +1485,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // POPOVER PUBLIC CLASS DEFINITION
  // ===============================
@@ -1576,13 +1581,13 @@ 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://twbs.github.com/bootstrap/javascript.html#scrollspy
+ * http://getbootstrap.com/javascript/#scrollspy
 * ========================================================================
- * Copyright 2012 Twitter, Inc.
+ * Copyright 2013 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1598,7 +1603,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // SCROLLSPY CLASS DEFINITION
  // ==========================
@@ -1693,7 +1698,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
        .addClass('active')
    }
-    active.trigger('activate')
+    active.trigger('activate.bs.scrollspy')
  }
@@ -1735,13 +1740,13 @@ 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://twbs.github.com/bootstrap/javascript.html#tabs
+ * http://getbootstrap.com/javascript/#tabs
 * ========================================================================
- * Copyright 2012 Twitter, Inc.
+ * Copyright 2013 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1757,7 +1762,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // TAB CLASS DEFINITION
  // ====================
@@ -1871,13 +1876,13 @@ 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://twbs.github.com/bootstrap/javascript.html#affix
+ * http://getbootstrap.com/javascript/#affix
 * ========================================================================
- * Copyright 2012 Twitter, Inc.
+ * Copyright 2013 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
@@ -1893,7 +1898,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
 * ======================================================================== */
-+function ($) { "use strict";
+function ($) { 'use strict';
  // AFFIX CLASS DEFINITION
  // ======================
@@ -1998,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
+/*!
+ * Copyright 2013 Twitter, Inc.
+ *
+ * Licensed under the Creative Commons Attribution 3.0 Unported License. For
+ * details, see http://creativecommons.org/licenses/by/3.0/.
+ */
 /*
 * Bootstrap Documentation
 * Special styles for presenting Bootstrap's documentation and code examples.
@@ -553,20 +561,10 @@ h1[id] {
 /* Common styles for all types */
 .bs-callout {
-  /*position: relative;*/
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #eee;
-  /*border-width: 1px 1px 1px 10px;*/
 }
-/*.bs-callout:before {
-  position: absolute;
-  top: 0;
-  left: -20px;
-  color: #fff;
-  width: 20px;
-  height: 20px;
-}*/
 .bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
@@ -574,10 +572,6 @@ h1[id] {
 .bs-callout p:last-child {
  margin-bottom: 0;
 }
-.bs-callout code,
-.bs-callout .highlight {
-  /*background-color: #fff;*/
-}
 /* Variations */
 .bs-callout-danger {
@@ -592,15 +586,44 @@ 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; }
 /*
@@ -927,7 +950,6 @@ h1[id] {
 */
 .highlight {
-  display: none; /* hidden by default, until >480px */
  padding: 9px 14px;
  margin-bottom: 14px;
  background-color: #f7f7f9;
@@ -955,13 +977,6 @@ h1[id] {
  color: #bebec5;
 }
-/* Show code snippets when we have the space */
-@media (min-width: 481px) {
-  .highlight {
-    display: block;
-  }
-}
 /*
 * Responsive tests
@@ -1043,11 +1058,12 @@ h1[id] {
 */
 .bs-glyphicons {
+  margin: 0 -19px 20px -16px;
+  overflow: hidden;
+}
+.bs-glyphicons-list {
  padding-left: 0;
-  padding-bottom: 1px;
-  margin-bottom: 20px;
  list-style: none;
-  overflow: hidden;
 }
 .bs-glyphicons li {
  float: left;
@@ -1055,23 +1071,33 @@ h1[id] {
  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;
 }
 .bs-glyphicons .glyphicon {
-  display: block;
+  margin-top: 5px;
-  margin: 5px auto 10px;
+  margin-bottom: 10px;
  font-size: 24px;
 }
+.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
@@ -2,21 +2,29 @@
 // IT'S ALL JUST JUNK FOR OUR DOCS!
 // ++++++++++++++++++++++++++++++++++++++++++
+/*!
+ * Copyright 2013 Twitter, Inc.
+ *
+ * Licensed under the Creative Commons Attribution 3.0 Unported License. For
+ * details, see http://creativecommons.org/licenses/by/3.0/.
+ */
 !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);
    }
@@ -65,24 +73,24 @@
    // tooltip demo
    $('.tooltip-demo').tooltip({
-      selector: "[data-toggle=tooltip]",
+      selector: '[data-toggle=tooltip]',
-      container: "body"
+      container: 'body'
    })
    $('.tooltip-test').tooltip()
    $('.popover-test').popover()
    $('.bs-docs-navbar').tooltip({
-      selector: "a[data-toggle=tooltip]",
+      selector: 'a[data-toggle=tooltip]',
-      container: ".bs-docs-navbar .nav"
+      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')
@@ -90,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
+/*!
+ * Copyright 2013 Twitter, Inc.
+ *
+ * Licensed under the Creative Commons Attribution 3.0 Unported License. For
+ * 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">\
@@ -26,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
+    key = key.replace(/[*+?^$.\[\]{}()|\\\/]/g, '\\$&'); // escape RegEx meta chars
-    var match = location.search.match(new RegExp("[?&]"+key+"=([^&]+)(&|$)"));
+    var match = location.search.match(new RegExp('[?&]' + key + '=([^&]+)(&|$)'));
-    return match && decodeURIComponent(match[1].replace(/\+/g, " "));
+    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
  }
  function createGist(configJson) {
    var data = {
-      "description": "Bootstrap Customizer Config",
+      'description': 'Bootstrap Customizer Config',
-      "public": true,
+      'public': true,
-      "files": {
+      'files': {
-        "config.json": {
+        'config.json': {
-          "content": configJson
+          'content': configJson
        }
      }
    }
@@ -47,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) {
+    .success(function (result) {
-      history.replaceState(false, document.title, window.location.origin + window.location.pathname + '?id=' + result.id)
+      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)
    })
  }
@@ -60,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 = {
@@ -84,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 () {
@@ -102,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)
    })
  }
@@ -121,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) {
+      for (var jsFileName in js) {
-        jsFolder.file(fileName, js[fileName])
+        jsFolder.file(jsFileName, js[jsFileName])
      }
    }
    if (fonts) {
      var fontsFolder = zip.folder('fonts')
-      for (var fileName in fonts) {
+      for (var fontsFileName in fonts) {
-        fontsFolder.file(fileName, fonts[fileName], {base64: true})
+        fontsFolder.file(fontsFileName, fonts[fontsFileName], {base64: true})
      }
    }
@@ -137,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)
  }
@@ -192,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) {
@@ -301,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\
+    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>.\
+                 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\
+                 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!")
+                 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\
+    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)
+                 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
--- a/docs-assets/js/holder.js
+++ b/docs-assets/js/holder.js
--- a/docs-assets/js/ie8-responsive-file-warning.js
+++ b/docs-assets/js/ie8-responsive-file-warning.js
+// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
+// IT'S JUST JUNK FOR OUR DOCS!
+// ++++++++++++++++++++++++++++++++++++++++++
+/*!
+ * Copyright 2013 Twitter, Inc.
+ *
+ * Licensed under the Creative Commons Attribution 3.0 Unported License. For
+ * details, see http://creativecommons.org/licenses/by/3.0/.
+ */
+// Intended to prevent false-positive bug reports about responsive styling supposedly not working in IE8.
+if (window.location.protocol == 'file:')
+  alert("ERROR: Bootstrap's responsive CSS is disabled!\nSee getbootstrap.com/getting-started/#respond-file-proto for details.")
--- 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 ||
+         var BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder || window.MSBlobBuilder;
-                            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" :
+            // case "base64" :
-            default : // case "string" :
+            // 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 ||
+            var BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder || window.MSBlobBuilder;
-                               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
@@ -13,9 +13,12 @@
    <!-- Bootstrap core CSS -->
    <link href="../../dist/css/bootstrap.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.6.2/html5shiv.js"></script>
+      <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]-->
@@ -28,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>
@@ -75,7 +79,7 @@
      </ol>
      <div class="carousel-inner">
        <div class="item active">
-          <img src="data:image/png;base64," data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide">
+          <img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Example headline.</h1>
@@ -85,7 +89,7 @@
          </div>
        </div>
        <div class="item">
-          <img src="data:image/png;base64," data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide">
+          <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Another example headline.</h1>
@@ -95,7 +99,7 @@
          </div>
        </div>
        <div class="item">
-          <img src="data:image/png;base64," data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide">
+          <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>One more for good measure.</h1>
@@ -120,19 +124,19 @@
      <!-- Three columns of text below the carousel -->
      <div class="row">
        <div class="col-lg-4">
-          <img class="img-circle" src="data:image/png;base64," data-src="holder.js/140x140" alt="Generic placeholder image">
+          <img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
          <h2>Heading</h2>
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
-          <img class="img-circle" src="data:image/png;base64," data-src="holder.js/140x140" alt="Generic placeholder image">
+          <img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
          <h2>Heading</h2>
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
-          <img class="img-circle" src="data:image/png;base64," data-src="holder.js/140x140" alt="Generic placeholder image">
+          <img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
          <h2>Heading</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
@@ -150,7 +154,7 @@
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
        <div class="col-md-5">
-          <img class="featurette-image img-responsive" src="data:image/png;base64," data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
      </div>
@@ -158,7 +162,7 @@
      <div class="row featurette">
        <div class="col-md-5">
-          <img class="featurette-image img-responsive" src="data:image/png;base64," data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
        <div class="col-md-7">
          <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
@@ -174,7 +178,7 @@
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
        <div class="col-md-5">
-          <img class="featurette-image img-responsive" src="data:image/png;base64," data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
      </div>

--- a/examples/cover/cover.css
+++ b/examples/cover/cover.css
+/*
+ * 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;
+  }
+}