Commit 41d2b707 authored by Mark Otto's avatar Mark Otto

Merge branch '3.0.0-wip' of https://github.com/juthilo/bootstrap-wip into 3.0.0-wip

parents bb9d867c 52a348aa
<li>
<a href="#components">LESS components</a>
<ul class="nav">
<li><a href="#components-basics">The basics</a></li>
<li><a href="#components-standard">Standard styles</a></li>
<li><a href="#components-features">Bootstrap features</a></li>
</ul>
</li>
<li>
<a href="#plugins">jQuery plugins</a>
</li>
<li>
<a href="#variables">LESS variables</a>
<ul class="nav">
<li><a href="#customize-basics">The basics</a></li>
<li><a href="#customize-buttons">Buttons</a></li>
<li><a href="#customize-form-states">Form states</a></li>
<li><a href="#customize-alerts">Alerts</a></li>
<li><a href="#customize-navbar">Navbar</a></li>
<li><a href="#customize-tables">Tables</a></li>
<li><a href="#customize-forms">Forms</a></li>
<li><a href="#customize-dropdowns">Dropdowns</a></li>
<li><a href="#customize-panels-wells">Panels and wells</a></li>
<li><a href="#customize-jumbotron">Jumbotron</a></li>
<li><a href="#customize-modals">Modals</a></li>
<li><a href="#customize-list-group">List group</a></li>
<li><a href="#customize-thumbnails">Thumbnails</a></li>
<li><a href="#customize-progress">Progress bars</a></li>
<li><a href="#customize-pagination">Pagination</a></li>
<li><a href="#customize-labels">Labels</a></li>
<li><a href="#customize-tooltips-popovers">Tooltips and popovers</a></li>
<li><a href="#customize-other">Other</a></li>
</ul>
</li>
<li>
<a href="#download">Download</a>
</li>
\ No newline at end of file
...@@ -31,6 +31,8 @@ ...@@ -31,6 +31,8 @@
{% include nav-components.html %} {% include nav-components.html %}
{% elsif page.slug == "js" %} {% elsif page.slug == "js" %}
{% include nav-javascript.html %} {% include nav-javascript.html %}
{% elsif page.slug == "customize" %}
{% include nav-customize.html %}
{% endif %} {% endif %}
</ul> </ul>
</div> </div>
......
...@@ -94,6 +94,29 @@ body { ...@@ -94,6 +94,29 @@ body {
/* Customize and Download button
-------------------------------------------------- */
.bs-customize-download {
text-align:center;
}
.bs-customize-download .btn {
margin-top: 5px;
margin-bottom: 5px;
padding: 18px 24px;
font-size: 21px;
color: #b94a48;
background-color: #fff;
border-color: #b94a48;
}
.bs-customize-download .btn:hover,
.bs-customize-download .btn:active {
color: #fff;
background-color: #b94a48;
}
/* Docs pages and sections /* Docs pages and sections
-------------------------------------------------- */ -------------------------------------------------- */
......
/* =================================================== /* ========================================================================
* Bootstrap: transition.js v3.0.0 * Bootstrap: transition.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#transitions * http://twitter.github.com/bootstrap/javascript.html#transitions
* =================================================== * ========================================================================
* Copyright 2013 Twitter, Inc. * Copyright 2013 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
// ============================================================ // ============================================================
...@@ -45,10 +45,10 @@ ...@@ -45,10 +45,10 @@
}) })
}(window.jQuery); }(window.jQuery);
/* ========================================================== /* ========================================================================
* Bootstrap: alert.js v3.0.0 * Bootstrap: alert.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#alerts * http://twitter.github.com/bootstrap/javascript.html#alerts
* ========================================================== * ========================================================================
* Copyright 2013 Twitter, Inc. * Copyright 2013 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -62,10 +62,10 @@ ...@@ -62,10 +62,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// ALERT CLASS DEFINITION // ALERT CLASS DEFINITION
// ====================== // ======================
...@@ -141,10 +141,10 @@ ...@@ -141,10 +141,10 @@
$(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)
}(window.jQuery); }(window.jQuery);
/* ============================================================ /* ========================================================================
* Bootstrap: button.js v3.0.0 * Bootstrap: button.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#buttons * http://twitter.github.com/bootstrap/javascript.html#buttons
* ============================================================ * ========================================================================
* Copyright 2013 Twitter, Inc. * Copyright 2013 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -158,10 +158,10 @@ ...@@ -158,10 +158,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ============================================================ */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// BUTTON PUBLIC CLASS DEFINITION // BUTTON PUBLIC CLASS DEFINITION
// ============================== // ==============================
...@@ -246,10 +246,10 @@ ...@@ -246,10 +246,10 @@
}) })
}(window.jQuery); }(window.jQuery);
/* ========================================================== /* ========================================================================
* Bootstrap: carousel.js v3.0.0 * Bootstrap: carousel.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#carousel * http://twitter.github.com/bootstrap/javascript.html#carousel
* ========================================================== * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -263,10 +263,10 @@ ...@@ -263,10 +263,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// CAROUSEL CLASS DEFINITION // CAROUSEL CLASS DEFINITION
// ========================= // =========================
...@@ -449,10 +449,10 @@ ...@@ -449,10 +449,10 @@
}) })
}(window.jQuery); }(window.jQuery);
/* ============================================================= /* ========================================================================
* Bootstrap: collapse.js v3.0.0 * Bootstrap: collapse.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#collapse * http://twitter.github.com/bootstrap/javascript.html#collapse
* ============================================================= * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -466,10 +466,10 @@ ...@@ -466,10 +466,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ============================================================ */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// COLLAPSE PUBLIC CLASS DEFINITION // COLLAPSE PUBLIC CLASS DEFINITION
// ================================ // ================================
...@@ -602,10 +602,10 @@ ...@@ -602,10 +602,10 @@
}) })
}(window.jQuery); }(window.jQuery);
/* ============================================================ /* ========================================================================
* Bootstrap: dropdown.js v3.0.0 * Bootstrap: dropdown.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#dropdowns * http://twitter.github.com/bootstrap/javascript.html#dropdowns
* ============================================================ * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -619,10 +619,10 @@ ...@@ -619,10 +619,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ============================================================ */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// DROPDOWN CLASS DEFINITION // DROPDOWN CLASS DEFINITION
// ========================= // =========================
...@@ -747,10 +747,10 @@ ...@@ -747,10 +747,10 @@
.on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
}(window.jQuery); }(window.jQuery);
/* ========================================================= /* ========================================================================
* Bootstrap: modal.js v3.0.0 * Bootstrap: modal.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#modals * http://twitter.github.com/bootstrap/javascript.html#modals
* ========================================================= * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -764,10 +764,10 @@ ...@@ -764,10 +764,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================= */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// MODAL CLASS DEFINITION // MODAL CLASS DEFINITION
// ====================== // ======================
...@@ -989,11 +989,11 @@ ...@@ -989,11 +989,11 @@
.on('bs.modal.hidden', '.modal', function () { $body.removeClass('modal-open') }) .on('bs.modal.hidden', '.modal', function () { $body.removeClass('modal-open') })
}(window.jQuery); }(window.jQuery);
/* =========================================================== /* ========================================================================
* Bootstrap: tooltip.js v3.0.0 * Bootstrap: tooltip.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#tooltips * http://twitter.github.com/bootstrap/javascript.html#affix
* Inspired by the original jQuery.tipsy by Jason Frame * Inspired by the original jQuery.tipsy by Jason Frame
* =========================================================== * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -1007,10 +1007,10 @@ ...@@ -1007,10 +1007,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// TOOLTIP PUBLIC CLASS DEFINITION // TOOLTIP PUBLIC CLASS DEFINITION
// =============================== // ===============================
...@@ -1342,10 +1342,10 @@ ...@@ -1342,10 +1342,10 @@
} }
}(window.jQuery); }(window.jQuery);
/* =========================================================== /* ========================================================================
* Bootstrap: popover.js v3.0.0 * Bootstrap: popover.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#popovers * http://twitter.github.com/bootstrap/javascript.html#popovers
* =========================================================== * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -1359,10 +1359,10 @@ ...@@ -1359,10 +1359,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* =========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// POPOVER PUBLIC CLASS DEFINITION // POPOVER PUBLIC CLASS DEFINITION
// =============================== // ===============================
...@@ -1451,10 +1451,10 @@ ...@@ -1451,10 +1451,10 @@
} }
}(window.jQuery); }(window.jQuery);
/* ============================================================= /* ========================================================================
* Bootstrap: scrollspy.js v3.0.0 * Bootstrap: scrollspy.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#scrollspy * http://twitter.github.com/bootstrap/javascript.html#scrollspy
* ============================================================= * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -1468,10 +1468,10 @@ ...@@ -1468,10 +1468,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ============================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// SCROLLSPY CLASS DEFINITION // SCROLLSPY CLASS DEFINITION
// ========================== // ==========================
...@@ -1607,10 +1607,10 @@ ...@@ -1607,10 +1607,10 @@
}) })
}(window.jQuery); }(window.jQuery);
/* ======================================================== /* ========================================================================
* Bootstrap: tab.js v3.0.0 * Bootstrap: tab.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#tabs * http://twitter.github.com/bootstrap/javascript.html#tabs
* ======================================================== * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -1624,10 +1624,10 @@ ...@@ -1624,10 +1624,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ======================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// TAB CLASS DEFINITION // TAB CLASS DEFINITION
// ==================== // ====================
...@@ -1740,10 +1740,10 @@ ...@@ -1740,10 +1740,10 @@
}) })
}(window.jQuery); }(window.jQuery);
/* ========================================================== /* ========================================================================
* Bootstrap: affix.js v3.0.0 * Bootstrap: affix.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#affix * http://twitter.github.com/bootstrap/javascript.html#affix
* ========================================================== * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -1757,10 +1757,10 @@ ...@@ -1757,10 +1757,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// AFFIX CLASS DEFINITION // AFFIX CLASS DEFINITION
// ====================== // ======================
......
...@@ -3,4 +3,4 @@ ...@@ -3,4 +3,4 @@
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* http://www.apache.org/licenses/LICENSE-2.0.txt * http://www.apache.org/licenses/LICENSE-2.0.txt
*/ */
!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('<div class="dropdown-backdrop"/>').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a<u.length-1&&a++,~a||(a=0),u.eq(a).focus()};var o=e.fn.dropdown;e.fn.dropdown=function(t){return this.each(function(){var n=e(this),i=n.data("dropdown");i||n.data("dropdown",i=new r(this)),typeof t=="string"&&i[t].call(n)})},e.fn.dropdown.Constructor=r,e.fn.dropdown.noConflict=function(){return e.fn.dropdown=o,this},e(document).on("click.dropdown.data-api",i).on("click.dropdown.data-api",".dropdown form",function(e){e.stopPropagation()}).on("click.dropdown.data-api",n,r.prototype.toggle).on("keydown.dropdown.data-api",n+", [role=menu]",r.prototype.keydown)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=n,this.$element=e(t).delegate('[data-dismiss="modal"]',"click.dismiss.modal",e.proxy(this.hide,this)),this.$backdrop=this.isShown=null,this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};t.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},t.prototype.toggle=function(){return this[this.isShown?"hide":"show"]()},t.prototype.show=function(){var t=this,n=e.Event("show.bs.modal");this.$element.trigger(n);if(this.isShown||n.isDefaultPrevented())return;this.isShown=!0,this.escape(),this.backdrop(function(){var n=e.support.transition&&t.$element.hasClass("fade");t.$element.parent().length||t.$element.appendTo(document.body),t.$element.show(),n&&t.$element[0].offsetWidth,t.$element.addClass("in").attr("aria-hidden",!1),t.enforceFocus(),n?t.$element.one(e.support.transition.end,function(){t.$element.focus().trigger("shown.bs.modal")}):t.$element.focus().trigger("shown.bs.modal")})},t.prototype.hide=function(t){t&&t.preventDefault(),t=e.Event("hide.bs.modal"),this.$element.trigger(t);if(!this.isShown||t.isDefaultPrevented())return;this.isShown=!1,this.escape(),e(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),e.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal()},t.prototype.enforceFocus=function(){e(document).on("focusin.bs.modal",function(e){this.$element[0]!==e.target&&!this.$element.has(e.target).length&&this.$element.focus()},this)},t.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.modal",function(e){e.which==27&&this.hide()},this):this.isShown||this.$element.off("keyup.dismiss.bs.modal")},t.prototype.hideWithTransition=function(){var t=this,n=setTimeout(function(){t.$element.off(e.support.transition.end),t.hideModal()},500);this.$element.one(e.support.transition.end,function(){clearTimeout(n),t.hideModal()})},t.prototype.hideModal=function(){var e=this;this.$element.hide(),this.backdrop(function(){e.removeBackdrop(),e.$element.trigger("hidden.bs.modal")})},t.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},t.prototype.backdrop=function(t){var n=this,r=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var i=e.support.transition&&r;this.$backdrop=e('<div class="modal-backdrop '+r+'" />').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); +function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),+function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),+function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),+function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('<div class="dropdown-backdrop"/>').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a<u.length-1&&a++,~a||(a=0),u.eq(a).focus()};var o=e.fn.dropdown;e.fn.dropdown=function(t){return this.each(function(){var n=e(this),i=n.data("dropdown");i||n.data("dropdown",i=new r(this)),typeof t=="string"&&i[t].call(n)})},e.fn.dropdown.Constructor=r,e.fn.dropdown.noConflict=function(){return e.fn.dropdown=o,this},e(document).on("click.dropdown.data-api",i).on("click.dropdown.data-api",".dropdown form",function(e){e.stopPropagation()}).on("click.dropdown.data-api",n,r.prototype.toggle).on("keydown.dropdown.data-api",n+", [role=menu]",r.prototype.keydown)}(window.jQuery),+function(e){"use strict";var t=function(t,n){this.options=n,this.$element=e(t).delegate('[data-dismiss="modal"]',"click.dismiss.modal",e.proxy(this.hide,this)),this.$backdrop=this.isShown=null,this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};t.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},t.prototype.toggle=function(){return this[this.isShown?"hide":"show"]()},t.prototype.show=function(){var t=this,n=e.Event("show.bs.modal");this.$element.trigger(n);if(this.isShown||n.isDefaultPrevented())return;this.isShown=!0,this.escape(),this.backdrop(function(){var n=e.support.transition&&t.$element.hasClass("fade");t.$element.parent().length||t.$element.appendTo(document.body),t.$element.show(),n&&t.$element[0].offsetWidth,t.$element.addClass("in").attr("aria-hidden",!1),t.enforceFocus(),n?t.$element.one(e.support.transition.end,function(){t.$element.focus().trigger("shown.bs.modal")}):t.$element.focus().trigger("shown.bs.modal")})},t.prototype.hide=function(t){t&&t.preventDefault(),t=e.Event("hide.bs.modal"),this.$element.trigger(t);if(!this.isShown||t.isDefaultPrevented())return;this.isShown=!1,this.escape(),e(document).off("focusin.bs.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),e.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal()},t.prototype.enforceFocus=function(){e(document).on("focusin.bs.modal",function(e){this.$element[0]!==e.target&&!this.$element.has(e.target).length&&this.$element.focus()},this)},t.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.modal",function(e){e.which==27&&this.hide()},this):this.isShown||this.$element.off("keyup.dismiss.bs.modal")},t.prototype.hideWithTransition=function(){var t=this,n=setTimeout(function(){t.$element.off(e.support.transition.end),t.hideModal()},500);this.$element.one(e.support.transition.end,function(){clearTimeout(n),t.hideModal()})},t.prototype.hideModal=function(){var e=this;this.$element.hide(),this.backdrop(function(){e.removeBackdrop(),e.$element.trigger("hidden.bs.modal")})},t.prototype.removeBackdrop=function(){this.$backdrop&&this.$backdrop.remove(),this.$backdrop=null},t.prototype.backdrop=function(t){var n=this,r=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var i=e.support.transition&&r;this.$backdrop=e('<div class="modal-backdrop '+r+'" />').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),+function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),+function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery);
\ No newline at end of file \ No newline at end of file
--- ---
layout: customize layout: default
title: Customize and download title: Customize and download
slug: customize slug: customize
lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to get your very own version.
--- ---
<div class="bs-docs-sidebar"> <!-- Customize
<ul class="nav"> ================================================== -->
<li><a href="#components">1. Choose components</a></li> <form>
<li><a href="#plugins">2. Select jQuery plugins</a></li> <div class="bs-docs-section" id="components">
<li><a href="#variables">3. Customize variables</a></li> <div class="page-header">
<li><a href="#download">4. Download</a></li> <a class="btn btn-default pull-right toggle-all" href="#">Toggle all</a>
</ul> <h1>LESS components</h1>
</div> </div>
<p class="lead">Choose which LESS files should be compiled into your custom stylesheets.</p>
<div class="bs-callout">
<!-- Customize form <h4>Read the documentation</h4>
================================================== --> <p>Make an informed choice by first reading about <a href="/css/">CSS</a> and <a href="/components/">Components</a> in the docs.</p>
<form> </div>
<section class="download" id="components"> <h3 id="components-basics">The basics</h3>
<div class="page-header"> <div class="row">
<a class="btn btn-default btn-small pull-right toggle-all" href="#">Toggle all</a> <div class="col col-lg-6">
<h1> <h4>Layout</h4>
1. Choose components <div class="checkbox">
</h1> <label>
<input type="checkbox" checked value="scaffolding.less">
Scaffolding
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="grid.less">
Grid
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="normalize.less">
Normalized base styles
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="print.less">
Print media styles
</label>
</div>
</div>
<div class="col col-lg-6">
<h4>Utility classes</h4>
<div class="checkbox">
<label>
<input type="checkbox" checked value="utilities.less">
Basic utilities
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="responsive-utilities.less">
Responsive utilities
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="component-animations.less">
JavaScript helping classes
</label>
</div>
</div>
</div>
<h3 id="components-standard">Standard element styles</h3>
<div class="row">
<div class="col col-lg-6">
<div class="checkbox">
<label>
<input type="checkbox" checked value="type.less">
Type and color
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="tables.less">
Tables
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="code.less">
Code
</label>
</div>
</div>
<div class="col col-lg-6">
<div class="checkbox">
<label>
<input type="checkbox" checked value="forms.less">
Forms
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="buttons.less">
Buttons
</label>
</div>
</div>
</div>
<h3 id="components-features">Bootstrap features</h3>
<div class="row">
<div class="col col-lg-6">
<h4>Navigation</h4>
<div class="checkbox">
<label>
<input type="checkbox" checked value="navbar.less">
Navbar
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="navs.less">
Navs
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="pagination.less">
Pagination
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="pager.less">
Pager
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="breadcrumbs.less">
Breadcrumbs
</label>
</div>
</div>
<div class="col col-lg-6">
<h4>Additional information</h4>
<div class="checkbox">
<label>
<input type="checkbox" checked value="modals.less">
Modals
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="alerts.less">
Alerts
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="dropdowns.less">
Dropdowns
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="tooltip.less">
Tooltips
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="popovers.less">
Popovers
</label>
</div>
</div>
</div>
<div class="row">
<div class="col col-lg-6">
<h4>Content blocks</h4>
<div class="checkbox">
<label>
<input type="checkbox" checked value="jumbotron.less">
Jumbotron
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="carousel.less">
Carousel
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="accordion.less">
Accordion
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="panels.less">
Panels
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="wells.less">
Wells
</label>
</div>
</div>
<div class="col col-lg-6">
<h4>Media</h4>
<div class="checkbox">
<label>
<input type="checkbox" checked value="glyphicons.less">
Glyphicons
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="thumbnails.less">
Thumbnails
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="media.less">
Media items
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="list-group.less">
List groups
</label>
</div>
</div>
</div>
<div class="row">
<div class="col col-lg-6">
<h4>Other</h4>
<div class="checkbox">
<label>
<input type="checkbox" checked value="badges.less">
Badges
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="labels.less">
Labels
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="button-groups.less">
Button groups
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="close.less">
Close icon
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="progress-bars.less">
Progress bars
</label>
</div>
</div>
</div>
</div> </div>
<div class="row download-builder">
<div class="col-span-3"> <div class="bs-docs-section" id="plugins">
<h3>Scaffolding</h3> <div class="page-header">
<label class="checkbox"><input checked="checked" type="checkbox" value="reset.less"> Normalize and reset</label> <a class="btn btn-default pull-right toggle-all" href="#">Toggle all</a>
<label class="checkbox"><input checked="checked" type="checkbox" value="print.less"> Print</label> <h1>jQuery plugins</h1>
<label class="checkbox"><input checked="checked" type="checkbox" value="scaffolding.less"> Body type and links</label> </div>
<label class="checkbox"><input checked="checked" type="checkbox" value="grid.less"> Grid system</label> <p class="lead">Choose which jQuery plugins should be included in your custom JavaScript files.</p>
<label class="checkbox"><input checked="checked" type="checkbox" value="layouts.less"> Layouts</label> <div class="bs-callout">
<h3>Base CSS</h3> <h4>Read the documentation</h4>
<label class="checkbox"><input checked="checked" type="checkbox" value="type.less"> Headings, body, etc</label> <p>Make an informed choice by first reading about <a href="/javascript/">JavaScript</a> in the docs.</p>
<label class="checkbox"><input checked="checked" type="checkbox" value="code.less"> Code and pre</label> </div>
<label class="checkbox"><input checked="checked" type="checkbox" value="labels-badges.less"> Labels and badges</label> <div class="row">
<label class="checkbox"><input checked="checked" type="checkbox" value="tables.less"> Tables</label> <div class="col col-lg-6">
<label class="checkbox"><input checked="checked" type="checkbox" value="forms.less"> Forms</label> <h4>Linked to components</h4>
<label class="checkbox"><input checked="checked" type="checkbox" value="buttons.less"> Buttons</label> <div class="checkbox">
<label class="checkbox"><input checked="checked" type="checkbox" value="sprites.less"> Icons</label> <label>
</div><!-- /span --> <input type="checkbox" checked value="alert.js">
<div class="col-span-3"> Alert dismissal
<h3>Components</h3> </label>
<label class="checkbox"><input checked="checked" type="checkbox" value="button-groups.less"> Button groups and dropdowns</label> </div>
<label class="checkbox"><input checked="checked" type="checkbox" value="navs.less"> Navs, tabs, and pills</label> <div class="checkbox">
<label class="checkbox"><input checked="checked" type="checkbox" value="navbar.less"> Navbar</label> <label>
<label class="checkbox"><input checked="checked" type="checkbox" value="breadcrumbs.less"> Breadcrumbs</label> <input type="checkbox" checked value="button.js">
<label class="checkbox"><input checked="checked" type="checkbox" value="pagination.less"> Pagination</label> Advanced buttons
<label class="checkbox"><input checked="checked" type="checkbox" value="pager.less"> Pager</label> </label>
<label class="checkbox"><input checked="checked" type="checkbox" value="thumbnails.less"> Thumbnails</label> </div>
<label class="checkbox"><input checked="checked" type="checkbox" value="alerts.less"> Alerts</label> <div class="checkbox">
<label class="checkbox"><input checked="checked" type="checkbox" value="progress-bars.less"> Progress bars</label> <label>
<label class="checkbox"><input checked="checked" type="checkbox" value="hero-unit.less"> Hero unit</label> <input type="checkbox" checked value="carousel.js">
<label class="checkbox"><input checked="checked" type="checkbox" value="media.less"> Media component</label> Carousel functionality
<h3>JS Components</h3> </label>
<label class="checkbox"><input checked="checked" type="checkbox" value="tooltip.less"> Tooltips</label> </div>
<label class="checkbox"><input checked="checked" type="checkbox" value="popovers.less"> Popovers</label> <div class="checkbox">
<label class="checkbox"><input checked="checked" type="checkbox" value="modals.less"> Modals</label> <label>
<label class="checkbox"><input checked="checked" type="checkbox" value="dropdowns.less"> Dropdowns</label> <input type="checkbox" checked value="dropdown.js">
<label class="checkbox"><input checked="checked" type="checkbox" value="accordion.less"> Collapse</label> Dropdowns
<label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> Carousel</label> </label>
</div><!-- /span --> </div>
<div class="col-span-3"> <div class="checkbox">
<h3>Miscellaneous</h3> <label>
<label class="checkbox"><input checked="checked" type="checkbox" value="wells.less"> Wells</label> <input type="checkbox" checked value="modal.js">
<label class="checkbox"><input checked="checked" type="checkbox" value="close.less"> Close icon</label> Modals
<label class="checkbox"><input checked="checked" type="checkbox" value="utilities.less"> Utilities</label> </label>
<label class="checkbox"><input checked="checked" type="checkbox" value="component-animations.less"> Component animations</label> </div>
<h3>Responsive</h3> <div class="checkbox">
<label class="checkbox"><input checked="checked" type="checkbox" value="responsive-utilities.less"> Visible/hidden classes</label> <label>
<label class="checkbox"><input checked="checked" type="checkbox" value="responsive-767px-max.less"> Narrow tablets and below (<767px)</label> <input type="checkbox" checked value="tooltip.js">
<label class="checkbox"><input checked="checked" type="checkbox" value="responsive-768px-979px.less"> Tablets to desktops (767-979px)</label> Tooltips
<label class="checkbox"><input checked="checked" type="checkbox" value="responsive-1200px-min.less"> Large desktops (>1200px)</label> </label>
<label class="checkbox"><input checked="checked" type="checkbox" value="responsive-navbar.less"> Responsive navbar</label> </div>
</div><!-- /span --> <div class="checkbox">
</div><!-- /row --> <label>
</section> <input type="checkbox" checked value="popover.js">
Popovers <small>(requires Tooltips)</small>
<section class="download" id="plugins"> </label>
<div class="page-header"> </div>
<a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a> <div class="checkbox">
<h1> <label>
2. Select jQuery plugins <input type="checkbox" checked value="tab.js">
</h1> Toggable tabs
</label>
</div>
</div>
<div class="col col-lg-6">
<h4>Magic</h4>
<div class="checkbox">
<label>
<input type="checkbox" checked value="affix.js">
Affix
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="collapse.js">
Collapse
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="scrollspy.js">
Scrollspy
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked value="transition.js">
Transitions <small>(required for any kind of animation)</small>
</label>
</div>
</div>
</div>
<div class="bs-callout">
<h4>Heads up!</h4>
<p>All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.</p>
</div>
</div> </div>
<div class="row download-builder">
<div class="col-span-3">
<label class="checkbox"> <div class="bs-docs-section" id="variables">
<input type="checkbox" checked="true" value="transition.js"> <div class="page-header">
Transitions <small>(required for any animation)</small> <a class="btn btn-default pull-right toggle-all" href="#">Reset to defaults</a>
</label> <h1>LESS variables</h1>
<label class="checkbox"> </div>
<input type="checkbox" checked="true" value="modal.js"> <p class="lead">Customize LESS variables to define colors, sizes and more inside your custom CSS stylesheets.</p>
Modals <h2 id="customize-basics">The basics</h2>
</label> <h3>Body background</h3>
<label class="checkbox"> <label>@body-bg</label>
<input type="checkbox" checked="true" value="dropdown.js"> <input type="text" placeholder="#fff">
Dropdowns <p class="help-text">Background color applied to <code>&lt;body&gt;</code>.</p>
</label> <h3>Typography</h3>
<label class="checkbox"> <div class="row">
<input type="checkbox" checked="true" value="scrollspy.js"> <div class="col col-lg-6">
Scrollspy <label>@font-family-sans-serif</label>
</label> <input type="text" placeholder="&quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif">
<label class="checkbox"> <p class="help-block">Default sans-serif fonts. Used almost anywhere in Bootstrap.</p>
<input type="checkbox" checked="true" value="tab.js"> <label>@font-family-serif</label>
Togglable tabs <input type="text" placeholder="Georgia, &quot;Times New Roman&quot;, Times, serif">
</label> <p class="help-block">Default serif fonts.</p>
<label class="checkbox"> </div>
<input type="checkbox" checked="true" value="tooltip.js"> <div class="col col-lg-6">
Tooltips <label>@font-family-monospace</label>
</label> <input type="text" placeholder="Monaco, Menlo, Consolas, &quot;Courier New&quot;, monospace">
<label class="checkbox"> <p class="help-block">Default monospace fonts. Most prominently used for <code>&lt;code&gt;</code> and <code>&lt;pre&gt;</code>.</p>
<input type="checkbox" checked="true" value="popover.js"> <label>@font-family-base</label>
Popovers <small>(requires Tooltips)</small> <input type="text" placeholder="@font-family-sans-serif">
</label> </div>
</div><!-- /span --> </div>
<div class="col-span-3"> <div class="row">
<label class="checkbox"> <div class="col col-lg-6">
<input type="checkbox" checked="true" value="affix.js"> <label>@font-size-base</label>
Affix <input type="text" placeholder="14px">
</label> <p class="help-block">Will be used to calculate font sizes throughout Bootstrap.</p>
<label class="checkbox"> <label>@line-height-base</label>
<input type="checkbox" checked="true" value="alert.js"> <input type="text" placeholder="1.428571429">
Alert messages <p class="help-block">Will be used to calculate line heights throughout Bootstrap. Default is &tilde;14/20.</p>
</label> </div>
<label class="checkbox"> <div class="col col-lg-6">
<input type="checkbox" checked="true" value="button.js"> <label>@headings-font-weight</label>
Buttons <input type="text" placeholder="500">
</label> <p class="help-block">Choose a separate font weight for headings.</p>
<label class="checkbox"> <label>@headings-line-height</label>
<input type="checkbox" checked="true" value="collapse.js"> <input type="text" placeholder="1.1">
Collapse <p class="help-block">Choose a separate line height for headings.</p>
</label> </div>
<label class="checkbox"> </div>
<input type="checkbox" checked="true" value="carousel.js"> <h3>Colors</h3>
Carousel <div class="row">
</label> <div class="col col-lg-6">
<label class="checkbox"> <p>Define custom colors used in several contexts.</p>
<input type="checkbox" checked="true" value="typeahead.js"> <label>@brand-primary</label>
Typeahead <input type="text" placeholder="#428bca">
</label> <p class="help-block">Used for primary buttons, panels and more.</p>
</div><!-- /span --> <label>@brand-success</label>
<div class="col-span-3"> <input type="text" placeholder="#5cb85c">
<h4 class="muted">Heads up!</h4> <p class="help-block">Used to indicate success.</p>
<p class="muted">All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.</p> <label>@brand-warning</label>
</div><!-- /span --> <input type="text" placeholder="#f0ad4e">
</div><!-- /row --> <p class="help-block">Used to indicate a warning.</p>
</section> <label>@brand-danger</label>
<input type="text" placeholder="#d9534f">
<p class="help-block">Used to indicate danger.</p>
<section class="download" id="variables"> <label>@brand-info</label>
<div class="page-header"> <input type="text" placeholder="#5bc0de">
<a class="btn btn-small pull-right toggle-all" href="#">Reset to defaults</a> <p class="help-block">Used to indicate informational content.</p>
<h1> </div>
3. Customize variables <div class="col col-lg-6">
</h1> <p>Define your preferred colors for standard text and links.</p>
<label>@text-color</label>
<input type="text" placeholder="@gray-dark">
<p class="help-block">Color for all standard text.</p>
<label>@link-color</label>
<input type="text" placeholder="@brand-primary">
<p class="help-block">Link color for links in standard text.</p>
<label>@link-color-hover</label>
<input type="text" placeholder="darken(@link-color, 15%)">
<p class="help-block">Hovered link color. Leave this blank to compute using @link-color.</p>
</div>
</div>
<h3>Media queries breakpoints</h3>
<p>Define the breakpoints at which your layout will change, adapting to different screen sizes.</p>
<div class="row">
<div class="col col-lg-6">
<label>@screen-tiny</label>
<input type="text" placeholder="480px">
<label>@screen-small</label>
<input type="text" placeholder="768px">
</div>
<div class="col col-lg-6">
<label>@screen-medium</label>
<input type="text" placeholder="992px">
<label>@screen-large</label>
<input type="text" placeholder="1200px">
</div>
</div>
<h3>The grid</h3>
<p>Define your custom responsive grid.</p>
<div class="row">
<div class="col col-lg-6">
<label>@grid-columns</label>
<input type="text" placeholder="12">
<p class="help-block">Number of columns in the grid.</p>
<label>@grid-gutter-width</label>
<input type="text" placeholder="30px">
<p class="help-block">Padding between columns.</p>
</div>
<div class="col col-lg-6">
<label>@grid-float-breakpoint</label>
<input type="text" placeholder="@screen-tablet">
<p class="help-block">Point at which the navbar stops collapsing.</p>
</div>
</div>
<h3>Components</h3>
<p>Define common padding and border radius sizes and more.</p>
<div class="row">
<div class="col col-lg-6">
<h4>Padding</h4>
<label>@padding-base-vertical</label>
<input type="text" placeholder="8px">
<label>@padding-base-horizontal</label>
<input type="text" placeholder="12px">
<label>@padding-large-vertical</label>
<input type="text" placeholder="14px">
<label>@padding-large-horizontal</label>
<input type="text" placeholder="16px">
<label>@padding-small-vertical</label>
<input type="text" placeholder="5px">
<label>@padding-small-horizontal</label>
<input type="text" placeholder="10px">
</div>
<div class="col col-lg-6">
<h4>Border radius sizes</h4>
<label>@border-radius-base</label>
<input type="text" placeholder="4px">
<label>@border-radius-large</label>
<input type="text" placeholder="6px">
<label>@border-radius-small</label>
<input type="text" placeholder="3px">
</div>
</div>
<h4>Active background color</h4>
<label>@component-active-bg</label>
<input type="text" placeholder="@brand-primary">
<p class="help-block">Used for active or hovered items in places like navs or dropdowns.</p>
<h2 id="customize-buttons">Buttons</h2>
<p>For each of Bootstrap's buttons, define text, background and border color.</p>
<div class="row">
<div class="col col-lg-6">
<h4>Default</h4>
<label>@btn-default-color</label>
<input type="text" placeholder="#fff">
<label>@btn-default-bg</label>
<input type="text" placeholder="#a7a99aa">
<label>@btn-default-border</label>
<input type="text" placeholder="@btn-default-bg">
<h4>Primary</h4>
<label>@btn-primary-color</label>
<input type="text" placeholder="@btn-default-color">
<label>@btn-primary-bg</label>
<input type="text" placeholder="@brand-primary">
<label>@btn-primary-border</label>
<input type="text" placeholder="@btn-primary-bg">
<h4>Info</h4>
<label>@btn-info-color</label>
<input type="text" placeholder="@btn-default-color">
<label>@btn-info-bg</label>
<input type="text" placeholder="@brand-info">
<label>@btn-info-border</label>
<input type="text" placeholder="@btn-info-bg">
</div>
<div class="col col-lg-6">
<h4>Success</h4>
<label>@btn-success-color</label>
<input type="text" placeholder="@btn-default-color">
<label>@btn-success-bg</label>
<input type="text" placeholder="@brand-success">
<label>@btn-success-border</label>
<input type="text" placeholder="@btn-success-bg">
<h4>Warning</h4>
<label>@btn-warning-color</label>
<input type="text" placeholder="@btn-default-color">
<label>@btn-warning-bg</label>
<input type="text" placeholder="@brand-warning">
<label>@btn-warning-border</label>
<input type="text" placeholder="@btn-warning-bg">
<h4>Danger</h4>
<label>@btn-danger-color</label>
<input type="text" placeholder="@btn-default-color">
<label>@btn-danger-bg</label>
<input type="text" placeholder="@brand-danger">
<label>@btn-danger-border</label>
<input type="text" placeholder="@btn-danger-bg">
</div>
</div>
<h2 id="customize-form-states">Form states and alerts</h2>
<p>Define colors for form feedback states and, by default, alerts.</p>
<div class="row">
<div class="col col-lg-6">
<h4>Success</h4>
<label>@state-success-text</label>
<input type="text" placeholder="#468847">
<label>@state-success-bg</label>
<input type="text" placeholder="#dff0d8">
<label>@state-success-border</label>
<input type="text" placeholder="darken(spin(@state-success-bg, -10), 5%)">
<h4>Warning</h4>
<label>@state-warning-text</label>
<input type="text" placeholder="#c09853">
<label>@state-warning-bg</label>
<input type="text" placeholder="#fcf8e3">
<label>@state-warning-border</label>
<input type="text" placeholder="darken(spin(@state-warning-bg, -10), 3%)">
</div>
<div class="col col-lg-6">
<h4>Danger</h4>
<label>@state-danger-text</label>
<input type="text" placeholder="#b94a48">
<label>@state-danger-bg</label>
<input type="text" placeholder="#f2dede">
<label>@state-danger-border</label>
<input type="text" placeholder="darken(spin(@state-danger-bg, -10), 3%)">
<h4>Info</h4>
<label>@state-info-text</label>
<input type="text" placeholder="#3a87ad">
<label>@state-info-bg</label>
<input type="text" placeholder="#d9edf7">
<label>@state-info-border</label>
<input type="text" placeholder="darken(spin(@state-info-bg, -10), 7%)">
</div>
</div>
<h2 id="customize-alerts">Alerts</h2>
<p>Define alert colors and border radius.</p>
<h4>Border radius</h4>
<label>@alert-border-radius</label>
<input type="text" placeholder="@border-radius-base">
<div class="row">
<div class="col col-lg-6">
<h4>Success</h4>
<label>@alert-success-text</label>
<input type="text" placeholder="@state-success-text">
<label>@alert-success-bg</label>
<input type="text" placeholder="@state-success-bg">
<label>@alert-success-border</label>
<input type="text" placeholder="@state-success-border">
<h4>Warning</h4>
<label>@alert-warning-text</label>
<input type="text" placeholder="@state-warning-text">
<label>@alert-warning-bg</label>
<input type="text" placeholder="@state-warning-bg">
<label>@alert-warning-border</label>
<input type="text" placeholder="@state-warning-border">
</div>
<div class="col col-lg-6">
<h4>Danger</h4>
<label>@alert-danger-text</label>
<input type="text" placeholder="@state-danger-text">
<label>@alert-danger-bg</label>
<input type="text" placeholder="@state-danger-bg">
<label>@alert-danger-border</label>
<input type="text" placeholder="@state-danger-border">
<h4>Info</h4>
<label>@alert-info-text</label>
<input type="text" placeholder="@state-info-text">
<label>@alert-info-bg</label>
<input type="text" placeholder="@state-info-bg">
<label>@alert-info-border</label>
<input type="text" placeholder="@state-info-border">
</div>
</div>
<h2 id="customize-navbar">Navbar</h2>
<div class="row">
<div class="col col-lg-6">
<h4>The basics</h4>
<label>@navbar-height</label>
<input type="text" placeholder="50px">
<label>@navbar-color</label>
<input type="text" placeholder="#777">
<label>@navbar-bg</label>
<input type="text" placeholder="#eee">
<h4>Links</h4>
<label>@navbar-link-color</label>
<input type="text" placeholder="#777">
<label>@navbar-link-hover-color</label>
<input type="text" placeholder="#333">
<label>@navbar-link-hover-bg</label>
<input type="text" placeholder="transparent">
<label>@navbar-link-active-color</label>
<input type="text" placeholder="#555">
<label>@navbar-link-active-bg</label>
<input type="text" placeholder="darken(@navbar-bg, 10%)">
<label>@navbar-link-disabled-color</label>
<input type="text" placeholder="#ccc">
<label>@navbar-link-disabled-bg</label>
<input type="text" placeholder="transparent">
<h4>Brand</h4>
<label>@navbar-brand-color</label>
<input type="text" placeholder="@navbar-link-color">
<label>@navbar-brand-hover-color</label>
<input type="text" placeholder="darken(@navbar-link-color, 10%)">
<label>@navbar-brand-hover-bg</label>
<input type="text" placeholder="transparent">
</div>
<div class="col col-lg-6">
<h3>Inverted variation</h3>
<h4>The basics</h4>
<label>@navbar-inverse-color</label>
<input type="text" placeholder="@gray-light">
<label>@navbar-inverse-bg</label>
<input type="text" placeholder="#222">
<h4>Links</h4>
<label>@navbar-inverse-link-color</label>
<input type="text" placeholder="@gray-light">
<label>@navbar-inverse-link-hover-color</label>
<input type="text" placeholder="#fff">
<label>@navbar-inverse-link-hover-bg</label>
<input type="text" placeholder="transparent">
<label>@navbar-inverse-link-active-color</label>
<input type="text" placeholder="@navbar-inverse-link-hover-color">
<label>@navbar-inverse-link-active-bg</label>
<input type="text" placeholder="darken(@navbar-inverse-bg, 10%)">
<label>@navbar-inverse-link-disabled-color</label>
<input type="text" placeholder="#444">
<label>@navbar-inverse-link-disabled-bg</label>
<input type="text" placeholder="transparent">
<h4>Brand</h4>
<label>@navbar-inverse-brand-color</label>
<input type="text" placeholder="@navbar-inverse-link-color">
<label>@navbar-inverse-brand-hover-color</label>
<input type="text" placeholder="#fff">
<label>@navbar-inverse-brand-hover-bg</label>
<input type="text" placeholder="transparent">
</div>
</div>
<h2 id="customize-tables">Tables</h2>
<div class="row">
<div class="col col-lg-4">
<label>@table-bg</label>
<input type="text" placeholder="transparent">
<p class="help-block">Default background color used for all tables.</p>
</div>
<div class="col col-lg-4">
<label>@table-bg-accent</label>
<input type="text" placeholder="#f9f9f9">
<p class="help-block">Background color used for <code>.table-striped</code>.</p>
</div>
<div class="col col-lg-4">
<label>@table-bg-hover</label>
<input type="text" placeholder="#f5f5f5">
<p class="help-block">Background color used for <code>.table-hover</code>.</p>
</div>
</div>
<label>@table-border-color</label>
<input type="text" placeholder="#ddd">
<p class="help-block">Border color for table and cell borders.</p>
<h2 id="customize-forms">Forms</h2>
<div class="row">
<div class="col col-lg-6">
<h3>Background</h3>
<label>@input-bg</label>
<input type="text" placeholder="#fff">
<p class="help-block"><code>&lt;input&gt;</code> background color</p>
<label>@input-bg-disabled</label>
<input type="text" placeholder="@gray-lighter">
<p class="help-block"><code>&lt;input disabled&gt;</code>background color</p>
</div>
<div class="col col-lg-6">
<h3>Border</h3>
<label>@input-border</label>
<input type="text" placeholder="#ccc">
<p class="help-block"><code>&lt;input&gt;</code> border color</p>
<label>@input-border-radius</label>
<input type="text" placeholder="@border-radius-base">
<p class="help-block"><code>&lt;input&gt;</code>border radius</p>
</div>
</div>
<label>@input-color-placeholder</label>
<input type="text" placeholder="@gray-light">
<p class="help-block">Placeholder text color</p>
<h2 id="customize-dropdowns">Dropdowns</h2>
<div class="row">
<div class="col col-lg-6">
<h3>Background</h3>
<label>@dropdown-bg</label>
<input type="text" placeholder="#fff">
<p class="help-block">Dropdown menu background color</p>
<label>@dropdown-link-active-bg</label>
<input type="text" placeholder="@component-active-bg">
<p class="help-block">Active dropdown menu entry background color</p>
<label>@dropdown-link-hover-bg</label>
<input type="text" placeholder="@dropdown-link-active-bg">
<p class="help-block">Hovered dropdown menu entry background color</p>
</div>
<div class="col col-lg-6">
<h3>Colors</h3>
<label>@dropdown-link-color</label>
<input type="text" placeholder="@gray-dark">
<p class="help-block">Dropdown text color</p>
<label>@dropdown-link-active-color</label>
<input type="text" placeholder="#fff">
<p class="help-block">Active dropdown menu entry text color</p>
<label>@dropdown-link-hover-bg</label>
<input type="text" placeholder="#fff">
<p class="help-block">Hovered dropdown menu entry text color</p>
</div>
</div>
<h3>Dividers</h3>
<div class="row">
<div class="col col-lg-6">
<label>@dropdown-divider-top</label>
<input type="text" placeholder="#e5e5e5">
<p class="help-block">Dropdown divider top border color</p>
</div>
<div class="col col-lg-6">
<label>@dropdown-divider-bottom</label>
<input type="text" placeholder="#fff">
<p class="help-block">Dropdown divider bottom border color</p>
</div>
</div>
<h2 id="customize-panels-wells">Panels and wells</h2>
<h3>Panel background</h3>
<div class="row">
<div class="col col-lg-4">
<label>@panel-bg</label>
<input type="text" placeholder="#fff">
<p class="help-block">Panel body background color</p>
</div>
<div class="col col-lg-4">
<label>@panel-heading-bg</label>
<input type="text" placeholder="#f5f5f5">
<p class="help-block">Panel heading background color</p>
</div>
<div class="col col-lg-4">
<label>@panel-footer-bg</label>
<input type="text" placeholder="#f5f5f5">
<p class="help-block">Panel footer background color</p>
</div>
</div>
<h3>Panel border</h3>
<div class="row">
<div class="col col-lg-6">
<label>@panel-border</label>
<input type="text" placeholder="#ddd">
<p class="help-block">Panel border color</p>
</div>
<div class="col col-lg-6">
<label>@panel-border-radius</label>
<input type="text" placeholder="@border-radius-base">
<p class="help-block">Panel border radius</p>
</div>
</div>
<h3>Contextual panel colors</h3>
<div class="row">
<div class="col col-lg-4">
<label>@panel-primary-text</label>
<input type="text" placeholder="#fff">
<p class="help-block">Primary text color</p>
</div>
<div class="col col-lg-4">
<label>@panel-primary-border</label>
<input type="text" placeholder="@brand-primary">
<p class="help-block">Primary border color</p>
</div>
<div class="col col-lg-4">
<label>@panel-primary-heading-bg</label>
<input type="text" placeholder="@brand-primary">
<p class="help-block">Primary heading background color</p>
</div>
</div>
<div class="row">
<div class="col col-lg-4">
<label>@panel-success-text</label>
<input type="text" placeholder="@state-success-text">
<p class="help-block">Success text color</p>
</div>
<div class="col col-lg-4">
<label>@panel-success-border</label>
<input type="text" placeholder="@state-success-border">
<p class="help-block">Success border color</p>
</div>
<div class="col col-lg-4">
<label>@panel-success-heading-bg</label>
<input type="text" placeholder="@state-success-bg">
<p class="help-block">Success heading background color</p>
</div>
</div>
<div class="row">
<div class="col col-lg-4">
<label>@panel-warning-text</label>
<input type="text" placeholder="@state-warning-text">
<p class="help-block">Warning text color</p>
</div>
<div class="col col-lg-4">
<label>@panel-warning-border</label>
<input type="text" placeholder="@state-warning-border">
<p class="help-block">Warning border color</p>
</div>
<div class="col col-lg-4">
<label>@panel-warning-heading-bg</label>
<input type="text" placeholder="@state-warning-bg">
<p class="help-block">Warning heading background color</p>
</div>
</div>
<div class="row">
<div class="col col-lg-4">
<label>@panel-danger-text</label>
<input type="text" placeholder="@state-danger-text">
<p class="help-block">Danger text color</p>
</div>
<div class="col col-lg-4">
<label>@panel-danger-border</label>
<input type="text" placeholder="@state-danger-border">
<p class="help-block">Danger border color</p>
</div>
<div class="col col-lg-4">
<label>@panel-danger-heading-bg</label>
<input type="text" placeholder="@state-danger-bg">
<p class="help-block">Danger heading background color</p>
</div>
</div>
<div class="row">
<div class="col col-lg-4">
<label>@panel-info-text</label>
<input type="text" placeholder="@state-info-text">
<p class="help-block">Info text color</p>
</div>
<div class="col col-lg-4">
<label>@panel-info-border</label>
<input type="text" placeholder="@state-info-border">
<p class="help-block">Info border color</p>
</div>
<div class="col col-lg-4">
<label>@panel-info-heading-bg</label>
<input type="text" placeholder="@state-info-bg">
<p class="help-block">Info heading background color</p>
</div>
</div>
<h3>Well background</h3>
<label>@well-bg</label>
<input type="text" placeholder="#f5f5f5">
<h2 id="customize-jumbotron">Jumbotron</h2>
<div class="row">
<div class="col col-lg-4">
<label>@jumbotron-bg</label>
<input type="text" placeholder="@gray-lighter">
<p class="help-block">Jumbotron background color</p>
</div>
<div class="col col-lg-4">
<label>@jumbotron-heading-color</label>
<input type="text" placeholder="inherit">
<p class="help-block">Jumbotron heading color</p>
</div>
<div class="col col-lg-4">
<label>@jumbotron-lead-color</label>
<input type="text" placeholder="inherit">
<p class="help-block">Jumbotron lead paragraph color</p>
</div>
</div>
<h2 id="customize-modals">Modals</h2>
<div class="row">
<div class="col col-lg-4">
<label>@modal-inner-padding</label>
<input type="text" placeholder="20px">
<p class="help-block">Padding applied to the modal body</p>
</div>
<div class="col col-lg-4">
<label>@modal-title-padding</label>
<input type="text" placeholder="15px">
<p class="help-block">Padding applied to the modal title</p>
</div>
<div class="col col-lg-4">
<label>@modal-title-line-height</label>
<input type="text" placeholder="@line-height-base">
<p class="help-block">Modal title line-height</p>
</div>
</div>
<h2 id="customize-list-group">List group</h2>
<h3>Background</h3>
<div class="row">
<div class="col col-lg-4">
<label>@list-group-bg</label>
<input type="text" placeholder="#fff">
<p class="help-block">Default background color</p>
</div>
<div class="col col-lg-4">
<label>@list-group-hover-bg</label>
<input type="text" placeholder="#f5f5f5">
<p class="help-block">Background color of single list elements on hover</p>
</div>
<div class="col col-lg-4">
<label>@list-group-active-bg</label>
<input type="text" placeholder="@component-active-bg">
<p class="help-block">Background color of active list elements</p>
</div>
</div>
<h3>Borders</h3>
<div class="row">
<div class="col col-lg-4">
<label>@list-group-border</label>
<input type="text" placeholder="#ddd">
<p class="help-block">Default border color</p>
</div>
<div class="col col-lg-4">
<label>@list-group-border-radius</label>
<input type="text" placeholder="@border-radius-base">
<p class="help-block">List group border radius</p>
</div>
<div class="col col-lg-4">
<label>@list-group-active-border</label>
<input type="text" placeholder="@list-group-active-bg">
<p class="help-block">Border color of active list elements</p>
</div>
</div>
<label>@list-group-active-color</label>
<input type="text" placeholder="#fff">
<p class="help-block">Text color of active list elements</p>
<h2 id="customize-thumbnails">Thumbnails</h2>
<div class="row">
<div class="col col-lg-6">
<label>@thumbnail-caption-color</label>
<input type="text" placeholder="@text-color">
<p class="help-block">Custom text color for thumbnail captions</p>
<label>@thumbnail-bg</label>
<input type="text" placeholder="@body-bg">
<p class="help-block">Thumbnail background color</p>
</div>
<div class="col col-lg-6">
<label>@thumbnail-border</label>
<input type="text" placeholder="#ddd">
<p class="help-block">Thumbnail border color</p>
<label>@thumbnail-border-radius</label>
<input type="text" placeholder="@border-radius-base">
<p class="help-block">Thumbnail border radius</p>
</div>
</div>
<h2 id="customize-progress">Progress bars</h2>
<div class="row">
<div class="col col-lg-4">
<label>@progress-bg</label>
<input type="text" placeholder="#f5f5f5">
<p class="help-block">Background color of the whole progress component</p>
</div>
<div class="col col-lg-4">
<label>@progress-bar-bg</label>
<input type="text" placeholder="@brand-primary">
<p class="help-block">Default progress bar color</p>
</div>
<div class="col col-lg-4">
<label>@progress-bar-success-bg</label>
<input type="text" placeholder="@brand-success">
<p class="help-block">Success progress bar color</p>
</div>
</div>
<div class="row">
<div class="col col-lg-4">
<label>@progress-bar-warning-bg</label>
<input type="text" placeholder="@brand-warning">
<p class="help-block">Warning progress bar color</p>
</div>
<div class="col col-lg-4">
<label>@progress-bar-danger-bg</label>
<input type="text" placeholder="@brand-danger">
<p class="help-block">Danger progress bar color</p>
</div>
<div class="col col-lg-4">
<label>@progress-bar-info-bg</label>
<input type="text" placeholder="@brand-info">
<p class="help-block">Info progress bar color</p>
</div>
</div>
<h2 id="customize-pagination">Pagination</h2>
<div class="row">
<div class="col col-lg-4">
<label>@pagination-bg</label>
<input type="text" placeholder="#fff">
<p class="help-block">Background color</p>
</div>
<div class="col col-lg-4">
<label>@pagination-border</label>
<input type="text" placeholder="#ddd">
<p class="help-block">Border color</p>
</div>
<div class="col col-lg-4">
<label>@pagination-active-bg</label>
<input type="text" placeholder="#f5f5f5">
<p class="help-block">Active background color</p>
</div>
</div>
<h2 id="customize-labels">Labels</h2>
<div class="row">
<div class="col col-lg-6">
<label>@label-success-bg</label>
<input type="text" placeholder="@brand-success">
<p class="help-block">Success label background color</p>
<label>@label-info-bg</label>
<input type="text" placeholder="@brand-info">
<p class="help-block">Info label background color</p>
</div>
<div class="col col-lg-6">
<label>@label-warning-bg</label>
<input type="text" placeholder="@brand-warning">
<p class="help-block">Warning label background color</p>
<label>@label-danger-bg</label>
<input type="text" placeholder="@brand-danger">
<p class="help-block">Danger label background color</p>
</div>
</div>
<h2 id="customize-tooltips-popovers">Tooltips and popovers</h2>
<h3>Tooltip styles</h3>
<div class="row">
<div class="col col-lg-6">
<label>@tooltip-color</label>
<input type="text" placeholder="#fff">
<p class="help-block">Tooltip text color</p>
<label>@tooltip-bg</label>
<input type="text" placeholder="rgba(0,0,0,.9)">
<p class="help-block">Tooltip background color</p>
</div>
<div class="col col-lg-6">
<label>@tooltip-arrow-width</label>
<input type="text" placeholder="5px">
<p class="help-block">Tooltip arrow width</p>
<label>@tooltip-arrow-color</label>
<input type="text" placeholder="@tooltip-bg">
<p class="help-block">Tooltip arrow color</p>
</div>
</div>
<h3>Popover styles</h3>
<div class="row">
<div class="col col-lg-6">
<label>@popover-bg</label>
<input type="text" placeholder="#fff">
<p class="help-block">Popover body background color</p>
<label>@popover-title-bg</label>
<input type="text" placeholder="darken(@popover-bg, 3%)">
<p class="help-block">Popover title background color</p>
</div>
<div class="col col-lg-6">
<label>@popover-arrow-width</label>
<input type="text" placeholder="10px">
<p class="help-block">Popover arrow width</p>
<label>@popover-arrow-color</label>
<input type="text" placeholder="#fff">
<p class="help-block">Popover arrow color</p>
</div>
</div>
<div class="row">
<div class="col col-lg-6">
<label>@popover-arrow-outer-width</label>
<input type="text" placeholder="(@popover-arrow-width 1)">
<p class="help-block">Popover outer arrow width</p>
</div>
<div class="col col-lg-6">
<label>@popover-arrow-outer-color</label>
<input type="text" placeholder="rgba(0,0,0,.25)">
<p class="help-block">Popover outer arrow color</p>
</div>
</div>
<h2 id="customize-other">Other</h2>
<div class="row">
<div class="col col-lg-6">
<label>@hr-border</label>
<input type="text" placeholder="@gray-lighter">
<p class="help-block">Horizontal line color</p>
</div>
<div class="col col-lg-6">
<label>@component-offset-horizontal</label>
<input type="text" placeholder="180px">
<p class="help-block">Horizontal offset for forms and lists</p>
</div>
</div>
</div> </div>
<div class="row download-builder">
<div class="col-span-3">
<h3>Scaffolding</h3>
<label>@body-background</label>
<input type="text" placeholder="#fff">
<label>@text-color</label>
<input type="text" placeholder="@grayDark">
<h3>Links</h3>
<label>@link-color</label>
<input type="text" placeholder="#08c">
<label>@link-color-hover</label>
<input type="text" placeholder="darken(@link-color, 15%)">
<h3>Grid system</h3>
<label>@grid-columns</label>
<input type="text" placeholder="12">
<label>@grid-column-width</label>
<input type="text" placeholder="60px">
<label>@grid-gutter-width</label>
<input type="text" placeholder="20px">
<label>@grid-column-width-1200</label>
<input type="text" placeholder="70px">
<label>@grid-gutter-width-1200</label>
<input type="text" placeholder="30px">
<label>@grid-column-width-768</label>
<input type="text" placeholder="42px">
<label>@grid-gutter-width-768</label>
<input type="text" placeholder="20px">
</div><!-- /span -->
<div class="col-span-3">
<h3>Typography</h3>
<label>@font-family-sans-serif</label>
<input type="text" placeholder="'Helvetica Neue', Helvetica, Arial, sans-serif">
<label>@font-family-serif</label>
<input type="text" placeholder="Georgia, 'Times New Roman', Times, serif">
<label>@font-family-monospace</label>
<input type="text" placeholder="Menlo, Monaco, 'Courier New', monospace">
<label>@font-size-base</label>
<input type="text" placeholder="14px">
<label>@font-family-base</label>
<input type="text" placeholder="@font-family-sans-serif">
<label>@line-height-base</label>
<input type="text" placeholder="20px">
<label>@headings-font-family</label>
<input type="text" placeholder="inherit">
<label>@headings-font-weight</label>
<input type="text" placeholder="bold">
<label>@headingsColor</label>
<input type="text" placeholder="inherit">
<label>@font-size-large</label>
<input type="text" placeholder="@font-size-base * 1.25">
<label>@font-size-small</label>
<input type="text" placeholder="@font-size-base * 0.85">
<label>@font-size-mini</label>
<input type="text" placeholder="@font-size-base * 0.75">
<label>@padding-large</label> <div class="bs-docs-section" id="download">
<input type="text" placeholder="11px 19px"> <div class="page-header">
<label>@padding-small</label> <h1>Download</h1>
<input type="text" placeholder="2px 10px"> </div>
<label>@padding-mini</label> <p class="lead">Hooray! Your custom version of Bootstrap is now ready to be compiled. Just click the button below to finish the process.</p>
<input type="text" placeholder="1px 6px"> <div class="bs-customize-download">
<a class="btn" href="#" onclick="_gaq.push(['_trackEvent', 'Customize', 'Download', 'Customize and Download']);">Customize and Download</a>
<label>@border-radius-base</label> </div>
<input type="text" placeholder="4px"> <div class="bs-callout">
<label>@border-radius-large</label> <h4>What's included?</h4>
<input type="text" placeholder="6px"> <p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
<label>@border-radius-small</label> </div>
<input type="text" placeholder="3px"> </div><!-- /download -->
</form>
<label>@hero-background</label>
<input type="text" placeholder="@grayLighter">
<label>@hero-heading-color</label>
<input type="text" placeholder="inherit">
<label>@hero-lead-color</label>
<input type="text" placeholder="inherit">
<h3>Tables</h3>
<label>@table-background</label>
<input type="text" placeholder="transparent">
<label>@table-background-accent</label>
<input type="text" placeholder="#f9f9f9">
<label>@table-background-hover</label>
<input type="text" placeholder="#f5f5f5">
<label>@table-border-color</label>
<input type="text" placeholder="#ddd">
<h3>Forms</h3>
<label>@input-color-placeholder</label>
<input type="text" placeholder="@grayLight">
<label>@input-background</label>
<input type="text" placeholder="#fff">
<label>@input-border</label>
<input type="text" placeholder="#ccc">
<label>@input-border-radius</label>
<input type="text" placeholder="3px">
<label>@input-background-disabled</label>
<input type="text" placeholder="@grayLighter">
<label>@form-actions-background</label>
<input type="text" placeholder="#f5f5f5">
<label>@btn-backround-primary</label>
<input type="text" placeholder="@link-color">
<label>@btn-backround-primary-highlight</label>
<input type="text" placeholder="darken(#fff, 10%)">
</div><!-- /span -->
<div class="col-span-3">
<h3>Form states &amp; alerts</h3>
<label>@state-warning-text</label>
<input type="text" placeholder="#c09853">
<label>@state-warning-background</label>
<input type="text" placeholder="#fcf8e3">
<label>@state-error-text</label>
<input type="text" placeholder="#b94a48">
<label>@state-error-background</label>
<input type="text" placeholder="#f2dede">
<label>@state-success-text</label>
<input type="text" placeholder="#468847">
<label>@state-success-background</label>
<input type="text" placeholder="#dff0d8">
<label>@state-info-text</label>
<input type="text" placeholder="#3a87ad">
<label>@state-info-background</label>
<input type="text" placeholder="#d9edf7">
<h3>Navbar</h3>
<label>@navbar-height</label>
<input type="text" placeholder="40px">
<label>@navbar-background</label>
<input type="text" placeholder="@grayDarker">
<label>@navbar-background-highlight</label>
<input type="text" placeholder="@grayDark">
<label>@navbar-color</label>
<input type="text" placeholder="@grayLight">
<label>@navbar-brand-color</label>
<input type="text" placeholder="@navbar-link-color">
<label>@navbar-link-color</label>
<input type="text" placeholder="@grayLight">
<label>@navbar-link-color-hover</label>
<input type="text" placeholder="#fff">
<label>@navbar-link-color-active</label>
<input type="text" placeholder="@navbar-link-color-hover">
<label>@navbar-link-background-hover</label>
<input type="text" placeholder="transparent">
<label>@navbar-link-background-active</label>
<input type="text" placeholder="@navbar-background">
<label>@navbarSearchBackground</label>
<input type="text" placeholder="lighten(@navbar-background, 25%)">
<label>@navbarSearchBackgroundFocus</label>
<input type="text" placeholder="#fff">
<label>@navbarSearchBorder</label>
<input type="text" placeholder="darken(@navbarSearchBackground, 30%)">
<label>@navbarSearchPlaceholderColor</label>
<input type="text" placeholder="#ccc">
<label>@navbar-collapse-width</label>
<input type="text" placeholder="979px">
<label>@navbar-collapse-width-desktop</label>
<input type="text" placeholder="@navbar-collapse-width + 1">
<h3>Dropdowns</h3>
<label>@dropdown-background</label>
<input type="text" placeholder="#fff">
<label>@dropdown-border</label>
<input type="text" placeholder="rgba(0,0,0,.2)">
<label>@dropdown-link-color</label>
<input type="text" placeholder="@grayDark">
<label>@dropdown-link-color-hover</label>
<input type="text" placeholder="#fff">
<label>@dropdown-link-background-hover</label>
<input type="text" placeholder="@link-color">
</div><!-- /span -->
</div><!-- /row -->
</section>
<section class="download" id="download">
<div class="page-header">
<h1>
4. Download
</h1>
</div>
<div class="download-btn">
<a class="btn btn-primary" href="#" onclick="_gaq.push(['_trackEvent', 'Customize', 'Download', 'Customize and Download']);">Customize and Download</a>
<h4>What's included?</h4>
<p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
</div>
</section><!-- /download -->
</form>
...@@ -276,7 +276,7 @@ bootstrap/ ...@@ -276,7 +276,7 @@ bootstrap/
</div> </div>
<h3>Removing potential bloat</h3> <h3>Removing potential bloat</h3>
<p>Not all sites and applications need to make use of everything Bootstrap has to offer, especially in production environments where bandwidth literally becomes a financial issue. We encourage folks to remove whatever is unused with our <a href="./customizer/">Customizer</a>.</p> <p>Not all sites and applications need to make use of everything Bootstrap has to offer, especially in production environments where bandwidth literally becomes a financial issue. We encourage folks to remove whatever is unused with our <a href="/customize/">Customizer</a>.</p>
<p>Using the Customizer, simply uncheck any component, feature, or asset you don't need. Hit download and swap out the default Bootstrap files with these newly customized ones. You'll get vanilla Bootstrap, but without the features *you* deem unnecessary. All custom builds include compiled and minified versions, so use whichever works for you.</p> <p>Using the Customizer, simply uncheck any component, feature, or asset you don't need. Hit download and swap out the default Bootstrap files with these newly customized ones. You'll get vanilla Bootstrap, but without the features *you* deem unnecessary. All custom builds include compiled and minified versions, so use whichever works for you.</p>
</div> </div>
...@@ -9,4 +9,4 @@ ...@@ -9,4 +9,4 @@
"boss" : true, "boss" : true,
"expr" : true, "expr" : true,
"asi" : true "asi" : true
} }
\ No newline at end of file
/* ========================================================== /* ========================================================================
* Bootstrap: affix.js v3.0.0 * Bootstrap: affix.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#affix * http://twitter.github.com/bootstrap/javascript.html#affix
* ========================================================== * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// AFFIX CLASS DEFINITION // AFFIX CLASS DEFINITION
// ====================== // ======================
......
/* ========================================================== /* ========================================================================
* Bootstrap: alert.js v3.0.0 * Bootstrap: alert.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#alerts * http://twitter.github.com/bootstrap/javascript.html#alerts
* ========================================================== * ========================================================================
* Copyright 2013 Twitter, Inc. * Copyright 2013 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// ALERT CLASS DEFINITION // ALERT CLASS DEFINITION
// ====================== // ======================
......
/* ============================================================ /* ========================================================================
* Bootstrap: button.js v3.0.0 * Bootstrap: button.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#buttons * http://twitter.github.com/bootstrap/javascript.html#buttons
* ============================================================ * ========================================================================
* Copyright 2013 Twitter, Inc. * Copyright 2013 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ============================================================ */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// BUTTON PUBLIC CLASS DEFINITION // BUTTON PUBLIC CLASS DEFINITION
// ============================== // ==============================
......
/* ========================================================== /* ========================================================================
* Bootstrap: carousel.js v3.0.0 * Bootstrap: carousel.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#carousel * http://twitter.github.com/bootstrap/javascript.html#carousel
* ========================================================== * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// CAROUSEL CLASS DEFINITION // CAROUSEL CLASS DEFINITION
// ========================= // =========================
......
/* ============================================================= /* ========================================================================
* Bootstrap: collapse.js v3.0.0 * Bootstrap: collapse.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#collapse * http://twitter.github.com/bootstrap/javascript.html#collapse
* ============================================================= * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ============================================================ */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// COLLAPSE PUBLIC CLASS DEFINITION // COLLAPSE PUBLIC CLASS DEFINITION
// ================================ // ================================
......
/* ============================================================ /* ========================================================================
* Bootstrap: dropdown.js v3.0.0 * Bootstrap: dropdown.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#dropdowns * http://twitter.github.com/bootstrap/javascript.html#dropdowns
* ============================================================ * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ============================================================ */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// DROPDOWN CLASS DEFINITION // DROPDOWN CLASS DEFINITION
// ========================= // =========================
......
/* ========================================================= /* ========================================================================
* Bootstrap: modal.js v3.0.0 * Bootstrap: modal.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#modals * http://twitter.github.com/bootstrap/javascript.html#modals
* ========================================================= * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================= */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// MODAL CLASS DEFINITION // MODAL CLASS DEFINITION
// ====================== // ======================
......
/* =========================================================== /* ========================================================================
* Bootstrap: popover.js v3.0.0 * Bootstrap: popover.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#popovers * http://twitter.github.com/bootstrap/javascript.html#popovers
* =========================================================== * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* =========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// POPOVER PUBLIC CLASS DEFINITION // POPOVER PUBLIC CLASS DEFINITION
// =============================== // ===============================
......
/* ============================================================= /* ========================================================================
* Bootstrap: scrollspy.js v3.0.0 * Bootstrap: scrollspy.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#scrollspy * http://twitter.github.com/bootstrap/javascript.html#scrollspy
* ============================================================= * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ============================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// SCROLLSPY CLASS DEFINITION // SCROLLSPY CLASS DEFINITION
// ========================== // ==========================
......
/* ======================================================== /* ========================================================================
* Bootstrap: tab.js v3.0.0 * Bootstrap: tab.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#tabs * http://twitter.github.com/bootstrap/javascript.html#tabs
* ======================================================== * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ======================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// TAB CLASS DEFINITION // TAB CLASS DEFINITION
// ==================== // ====================
......
/* =========================================================== /* ========================================================================
* Bootstrap: tooltip.js v3.0.0 * Bootstrap: tooltip.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#tooltips * http://twitter.github.com/bootstrap/javascript.html#affix
* Inspired by the original jQuery.tipsy by Jason Frame * Inspired by the original jQuery.tipsy by Jason Frame
* =========================================================== * ========================================================================
* Copyright 2012 Twitter, Inc. * Copyright 2012 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -16,10 +16,10 @@ ...@@ -16,10 +16,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// TOOLTIP PUBLIC CLASS DEFINITION // TOOLTIP PUBLIC CLASS DEFINITION
// =============================== // ===============================
......
/* =================================================== /* ========================================================================
* Bootstrap: transition.js v3.0.0 * Bootstrap: transition.js v3.0.0
* http://twitter.github.com/bootstrap/javascript.html#transitions * http://twitter.github.com/bootstrap/javascript.html#transitions
* =================================================== * ========================================================================
* Copyright 2013 Twitter, Inc. * Copyright 2013 Twitter, Inc.
* *
* Licensed under the Apache License, Version 2.0 (the "License"); * Licensed under the Apache License, Version 2.0 (the "License");
...@@ -15,10 +15,10 @@ ...@@ -15,10 +15,10 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
* ========================================================== */ * ======================================================================== */
!function ($) { "use strict"; +function ($) { "use strict";
// CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
// ============================================================ // ============================================================
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
] ]
, "devDependencies": { , "devDependencies": {
"uglify-js": "1.3.4" "uglify-js": "1.3.4"
, "jshint": "0.9.1" , "jshint": "2.1.2"
, "recess": "1.1.6" , "recess": "1.1.6"
, "connect": "2.1.3" , "connect": "2.1.3"
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment