Use https when possible.

author XhmikosR <xhmikosr@gmail.com>

Sat, 29 Dec 2018 20:10:00 +0000 (22:10 +0200)

committer XhmikosR <xhmikosr@gmail.com>

Mon, 31 Dec 2018 00:19:47 +0000 (02:19 +0200)
author XhmikosR <xhmikosr@gmail.com>
Sat, 29 Dec 2018 20:10:00 +0000 (22:10 +0200)
committer XhmikosR <xhmikosr@gmail.com>
Mon, 31 Dec 2018 00:19:47 +0000 (02:19 +0200)
diff --git a/1.0.0/index.html b/1.0.0/index.html

index a1c9e9cce38e7cc776dbbba07be1fa0b18e16f12..876680608930014a6d979bd6a75f285f0576ba20 100755 (executable)
--- a/1.0.0/index.html
+++ b/1.0.0/index.html
@@ -501,7 +501,7 @@
  &lt;/table&gt;</pre>
  
  <h3>Example: Zebra-striped w/ TableSorter.js</h3>
-<p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="http://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column's header to change the sort.</strong></p>
+<p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="https://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column's header to change the sort.</strong></p>
  <table class="zebra-striped" id="sortTableExample">
         <thead>
                 <tr>
@@ -1304,8 +1304,8 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
          <div class="container">
            <p class="right"><a href="#">Back to top</a></p>
            <p>
-            Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
-            Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
+            Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.<br />
+            Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
            </p>
          </div>
        </div>
diff --git a/1.1.0/index.html b/1.1.0/index.html

index cdfc4c39886fb3a5ea5edbdfe86404dc815771c6..6ba183192a2bc0f946de8eb468466d3215f13038 100755 (executable)
--- a/1.1.0/index.html
+++ b/1.1.0/index.html
@@ -561,7 +561,7 @@
  ...
  &lt;/table&gt;</pre>
        <h3>Example: Zebra-striped w/ TableSorter.js</h3>
-      <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="http://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
+      <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="https://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
        <table class="zebra-striped" id="sortTableExample">
          <thead>
            <tr>
@@ -1384,8 +1384,8 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
          <div class="container">
            <p class="right"><a href="#">Back to top</a></p>
            <p>
-            Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
-            Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
+            Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.<br />
+            Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
            </p>
          </div>
        </div>
diff --git a/1.1.1/index.html b/1.1.1/index.html

index f4222f83f865a01b46af52ff11d57d381ad5e103..1eb6c3a7facd2af9683d972fff77ef2809de20d3 100755 (executable)
--- a/1.1.1/index.html
+++ b/1.1.1/index.html
@@ -555,7 +555,7 @@
  ...
  &lt;/table&gt;</pre>
        <h3>Example: Zebra-striped w/ TableSorter.js</h3>
-      <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="http://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
+      <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="https://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
        <table class="zebra-striped" id="sortTableExample">
          <thead>
            <tr>
@@ -1385,8 +1385,8 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
          <div class="container">
            <p class="right"><a href="#">Back to top</a></p>
            <p>
-            Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
-            Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
+            Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.<br />
+            Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
            </p>
          </div>
        </div>
diff --git a/1.2.0/index.html b/1.2.0/index.html

index 15e89a52c2d37123e7a6e1af229dac925c9265f5..8544246f523777bbe6f07a48d20b543d0545c302 100755 (executable)
--- a/1.2.0/index.html
+++ b/1.2.0/index.html
@@ -567,7 +567,7 @@
  ...
  &lt;/table&gt;</pre>
        <h3>Example: Zebra-striped w/ TableSorter.js</h3>
-      <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="http://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
+      <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="https://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
        <table class="zebra-striped" id="sortTableExample">
          <thead>
            <tr>
@@ -1410,8 +1410,8 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
          <div class="container">
            <p class="right"><a href="#">Back to top</a></p>
            <p>
-            Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
-            Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
+            Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.<br />
+            Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
            </p>
          </div>
        </div>
diff --git a/1.3.0/index.html b/1.3.0/index.html

index 30249b3d369158ce63f8f3d9b3204c3f2c2514fd..3194c001c9060807d51985f172d46dc536323647 100755 (executable)
--- a/1.3.0/index.html
+++ b/1.3.0/index.html
@@ -130,7 +130,7 @@
        <p>Engineers at Twitter have historically used almost any library they were familiar with to meet front-end requirements. Bootstrap began as an answer to the challenges that presented. With the help of many awesome folks, Bootstrap has grown significantly.</p>
        <p>Read more on <a href="https://dev.twitter.com/blog/bootstrap-twitter">dev.twitter.com &rsaquo;</a></p>
        <p>
-        <a href="http://twitter.com/getbootstrap" class="twitter-follow-button">Follow @getbootstrap</a>
+        <a href="https://twitter.com/getbootstrap" class="twitter-follow-button">Follow @getbootstrap</a>
          <script src="https://platform.twitter.com/widgets.js" type="text/javascript"></script>
        </p>
      </div>
@@ -922,7 +922,7 @@
  ...
  &lt;/table&gt;</pre>
        <h3>Example: Zebra-striped w/ TableSorter.js</h3>
-      <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="http://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
+      <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="https://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
        <table class="zebra-striped" id="sortTableExample">
          <thead>
            <tr>
@@ -1714,7 +1714,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
       </div>
       <div class="span12">
        <h3>What's included</h3>
-       <p>Bring some of Bootstrap's primary components to life with new custom plugins that work with <a href="http://jquery.com/" target="_blank">jQuery</a> and <a href="http://ender.no.de" target="_blank">Ender</a>. We encourage you to extend and modify them to fit your specific development needs.</p>
+       <p>Bring some of Bootstrap's primary components to life with new custom plugins that work with <a href="https://jquery.com/" target="_blank">jQuery</a> and <a href="http://ender.no.de" target="_blank">Ender</a>. We encourage you to extend and modify them to fit your specific development needs.</p>
         <table class="zebra-striped">
           <thead>
             <tr>
@@ -1931,8 +1931,8 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
          <p>
-          Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
-          Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
+          Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.<br />
+          Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
          </p>
        </div>
      </footer>
diff --git a/1.3.0/javascript.html b/1.3.0/javascript.html

index 731b085150a28700e439d7b9e7bad978d6858495..fd1d38f94193597433ee158b91403a8b8033b1cc 100755 (executable)
--- a/1.3.0/javascript.html
+++ b/1.3.0/javascript.html
@@ -73,7 +73,7 @@
          <div class="container">
            <h1>Javascript for Bootstrap</h1>
            <p class="lead">
-            Bring Bootstrap's components to life with new, custom plugins that work with <a href="http://jquery.com/" target="_blank">jQuery</a> and <a href="http://ender.no.de" target="_blank">Ender</a>.
+            Bring Bootstrap's components to life with new, custom plugins that work with <a href="https://jquery.com/" target="_blank">jQuery</a> and <a href="http://ender.no.de" target="_blank">Ender</a>.
            </p>
            <p><a href="./index.html">&larr; Back to Bootstrap home</a></p>
          </div><!-- /container -->
@@ -675,8 +675,8 @@ $('#my-modal').bind('hidden', function () {
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
          <p>
-          Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
-          Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
+          Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.<br />
+          Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
          </p>
        </div>
      </footer>
diff --git a/1.4.0/index.html b/1.4.0/index.html

index 4ed42e0517c94bcd7bb92ff4a10e2aa1e9e31e1e..1662f24413237c367d1497d43af279bd1e9078c6 100755 (executable)
--- a/1.4.0/index.html
+++ b/1.4.0/index.html
@@ -120,7 +120,7 @@
        <p>Engineers at Twitter have historically used almost any library they were familiar with to meet front-end requirements. Bootstrap began as an answer to the challenges that presented. With the help of many awesome folks, Bootstrap has grown significantly.</p>
        <p>Read more on <a href="https://dev.twitter.com/blog/bootstrap-twitter">dev.twitter.com &rsaquo;</a></p>
        <p>
-        <a href="http://twitter.com/getbootstrap" class="twitter-follow-button">Follow @getbootstrap</a>
+        <a href="https://twitter.com/getbootstrap" class="twitter-follow-button">Follow @getbootstrap</a>
          <script src="https://platform.twitter.com/widgets.js" type="text/javascript"></script>
        </p>
      </div>
@@ -994,7 +994,7 @@
    ...
  &lt;/table&gt;</pre>
        <h3>Example: Zebra-striped w/ TableSorter.js</h3>
-      <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="http://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
+      <p>Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via <a href="https://jquery.com">jQuery</a> and the <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
        <table class="zebra-striped" id="sortTableExample">
          <thead>
            <tr>
@@ -1804,7 +1804,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
       </div>
       <div class="span12">
        <h3>What's included</h3>
-       <p>Bring some of Bootstrap's primary components to life with new custom plugins that work with <a href="http://jquery.com/" target="_blank">jQuery</a> and <a href="http://ender.no.de" target="_blank">Ender</a>. We encourage you to extend and modify them to fit your specific development needs.</p>
+       <p>Bring some of Bootstrap's primary components to life with new custom plugins that work with <a href="https://jquery.com/" target="_blank">jQuery</a> and <a href="http://ender.no.de" target="_blank">Ender</a>. We encourage you to extend and modify them to fit your specific development needs.</p>
          <table class="bordered-table zebra-striped">
            <thead>
              <tr>
@@ -2025,8 +2025,8 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
          <p>
-          Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
-          Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
+          Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.<br />
+          Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
          </p>
        </div>
      </footer>
diff --git a/1.4.0/javascript.html b/1.4.0/javascript.html

index 7f6bdad9c1d849ce4c1a2edf75855ebb0cec93f3..c53556a7c5163aac715169e02da3715ee351c7f2 100755 (executable)
--- a/1.4.0/javascript.html
+++ b/1.4.0/javascript.html
@@ -75,7 +75,7 @@
          <div class="container">
            <h1>Javascript for Bootstrap</h1>
            <p class="lead">
-            Bring Bootstrap's components to life with new, custom plugins that work with <a href="http://jquery.com/" target="_blank">jQuery</a> and <a href="http://ender.no.de" target="_blank">Ender</a>.
+            Bring Bootstrap's components to life with new, custom plugins that work with <a href="https://jquery.com/" target="_blank">jQuery</a> and <a href="http://ender.no.de" target="_blank">Ender</a>.
            </p>
            <p><a href="./index.html">&larr; Back to Bootstrap home</a></p>
          </div><!-- /container -->
@@ -797,8 +797,8 @@ $('#.tabs').bind('change', function (e) {
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
          <p>
-          Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
-          Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
+          Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.<br />
+          Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.
          </p>
        </div>
      </footer>
diff --git a/2.0.0/base-css.html b/2.0.0/base-css.html

index 8a3f952903e14fa470979a7093dbf403d2eea8ab..1fcfc115a2ef48af70164f75054624371cfcf7a4 100755 (executable)
--- a/2.0.0/base-css.html
+++ b/2.0.0/base-css.html
@@ -1310,7 +1310,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
  ================================================== -->
  <section id="icons">
    <div class="page-header">
-    <h1>Icons <small>Graciously provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+    <h1>Icons <small>Graciously provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
    </div>
    <div class="row">
      <div class="span3">
@@ -1465,7 +1465,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
        <h3>Built as a sprite</h3>
        <p>Instead of making every icon an extra request, we've compiled them into a sprite&mdash;a bunch of images in one file that uses CSS to position the images with <code>background-position</code>. This is the same method we use on Twitter.com and it has worked well for us.</p>
        <p>All icons classes are prefixed with <code>.icon-</code> for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.</p>
-      <p><a href="http://glyphicons.com" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p>
+      <p><a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p>
      </div>
      <div class="span4">
        <h3>How to use</h3>
@@ -1557,9 +1557,9 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.0/components.html b/2.0.0/components.html

index 284674820584d1e366e9ff17bd3bcd8808a4de9b..ad977fda1d388a7cc482e0bf8935170bb6841b60 100755 (executable)
--- a/2.0.0/components.html
+++ b/2.0.0/components.html
@@ -1492,9 +1492,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.0/download.html b/2.0.0/download.html

index 2d36ac91fcd282dd000adf98a181f9adad5fe117..40f94d5c660b355a861b985a9933f1d0cc40feda 100755 (executable)
--- a/2.0.0/download.html
+++ b/2.0.0/download.html
@@ -99,9 +99,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.0/examples.html b/2.0.0/examples.html

index eade15676660dc0768fa50fefa21bb099410a4f3..0daa16df8a3fbd84fb24022691c9437c40de9449 100755 (executable)
--- a/2.0.0/examples.html
+++ b/2.0.0/examples.html
@@ -120,9 +120,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.0/index.html b/2.0.0/index.html

index 63912c1c00ec202f16382acb5ca77880128baf70..27b20a2bfa5b129238286c0e9fc7b144e19f9a92 100755 (executable)
--- a/2.0.0/index.html
+++ b/2.0.0/index.html
@@ -183,7 +183,7 @@
      <div class="span3">
        <img class="small-bs-icon" src="assets/img/icon-twitter.png">
        <h3>Made at Twitter</h3>
-      <p>Brought to you by an experienced <a href="http://twitter.com/fat">engineer</a> and <a href="http://twitter.com/mdo">designer</a>.</p>
+      <p>Brought to you by an experienced <a href="https://twitter.com/fat">engineer</a> and <a href="https://twitter.com/mdo">designer</a>.</p>
      </div>
    </div><!--/row-->
  
@@ -203,7 +203,7 @@
        </a>
      </li>
      <li class="span4">
-      <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+      <a class="thumbnail" href="https://jshint.com/" target="_blank">
          <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
        </a>
      </li>
@@ -215,9 +215,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.0/javascript.html b/2.0.0/javascript.html

index a412509eb4a85f96734e30c93ea041a99905d3b7..ce724e7cb58dc240ed538048b5b16bf0dc635e7c 100755 (executable)
--- a/2.0.0/javascript.html
+++ b/2.0.0/javascript.html
@@ -87,7 +87,7 @@
        ================================================== -->
        <header class="jumbotron subhead" id="overview">
          <h1>Javascript for Bootstrap</h1>
-        <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.
+        <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="https://jquery.com/" target="_blank">jQuery</a> plugins.
          <div class="subnav">
            <ul class="nav nav-pills">
              <li><a href="#javascript">All plugins</a></li>
@@ -1440,9 +1440,9 @@ $('.myCarousel').carousel({
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.0/less.html b/2.0.0/less.html

index 10dd2368ec2e77aa4f1441fd1cdf00800aef544f..95064b5ddaff09f12ba175dd62472f1ce35e5648 100755 (executable)
--- a/2.0.0/less.html
+++ b/2.0.0/less.html
@@ -771,9 +771,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.0/scaffolding.html b/2.0.0/scaffolding.html

index 8a12415e5571756278d12f9237be1f9e5734d527..cffd0537cccd684057578838136fe76eb4a87321 100755 (executable)
--- a/2.0.0/scaffolding.html
+++ b/2.0.0/scaffolding.html
@@ -413,9 +413,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.0/upgrading.html b/2.0.0/upgrading.html

index a970ee67585649d0451f363096491cd043e0faaa..e21661a0007a13a1b058f5233091456e02642d9b 100755 (executable)
--- a/2.0.0/upgrading.html
+++ b/2.0.0/upgrading.html
@@ -272,9 +272,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.1/base-css.html b/2.0.1/base-css.html

index a0f70349a4dfa8e92db0ed6561a9f9e9194b70b7..7ed533cc78d1d1f22adf7ae26f9acb8719393038 100755 (executable)
--- a/2.0.1/base-css.html
+++ b/2.0.1/base-css.html
@@ -1381,7 +1381,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
  ================================================== -->
  <section id="icons">
    <div class="page-header">
-    <h1>Icons <small>Graciously provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+    <h1>Icons <small>Graciously provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
    </div>
    <div class="row">
      <div class="span3">
@@ -1532,7 +1532,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
        <h3>Built as a sprite</h3>
        <p>Instead of making every icon an extra request, we've compiled them into a sprite&mdash;a bunch of images in one file that uses CSS to position the images with <code>background-position</code>. This is the same method we use on Twitter.com and it has worked well for us.</p>
        <p>All icons classes are prefixed with <code>.icon-</code> for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.</p>
-      <p><a href="http://glyphicons.com" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p>
+      <p><a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p>
      </div>
      <div class="span4">
        <h3>How to use</h3>
@@ -1624,9 +1624,9 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.1/components.html b/2.0.1/components.html

index 27b60ce802075e41b79169ec9634d1291138c1f6..8878630064f68b5e233d199f1e732dcb179fbbec 100755 (executable)
--- a/2.0.1/components.html
+++ b/2.0.1/components.html
@@ -1567,9 +1567,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.1/download.html b/2.0.1/download.html

index 599303a60fe1dfc23c1572c08ae5cfea5ee8bfde..134864891c3fcf7e87fe71578bce13f5819214dd 100755 (executable)
--- a/2.0.1/download.html
+++ b/2.0.1/download.html
@@ -98,9 +98,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.1/examples.html b/2.0.1/examples.html

index 8268667d0cae1c2e97d4420987b077e3ec412409..acde796eaca00b99ea315908e60fa01a6a486fdd 100755 (executable)
--- a/2.0.1/examples.html
+++ b/2.0.1/examples.html
@@ -120,9 +120,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.1/index.html b/2.0.1/index.html

index b829aa8ddc015cdd5f068738fc522407443da2f3..570a1456ce0eea35f6306596ead31285b425b3f3 100755 (executable)
--- a/2.0.1/index.html
+++ b/2.0.1/index.html
@@ -191,7 +191,7 @@
      <div class="span3">
        <img class="small-bs-icon" src="assets/img/icon-twitter.png">
        <h3>Made at Twitter</h3>
-      <p>Brought to you by an experienced <a href="http://twitter.com/fat">engineer</a> and <a href="http://twitter.com/mdo">designer</a>.</p>
+      <p>Brought to you by an experienced <a href="https://twitter.com/fat">engineer</a> and <a href="https://twitter.com/mdo">designer</a>.</p>
      </div>
    </div><!--/row-->
  
@@ -211,7 +211,7 @@
        </a>
      </li>
      <li class="span4">
-      <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+      <a class="thumbnail" href="https://jshint.com/" target="_blank">
          <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
        </a>
      </li>
@@ -223,9 +223,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.1/javascript.html b/2.0.1/javascript.html

index 71d9be5a4ef47a8b7861a82927587edd9289f7e3..d7b3de837cf896b2237e4c8e9f45924cd0e8fc1e 100755 (executable)
--- a/2.0.1/javascript.html
+++ b/2.0.1/javascript.html
@@ -87,7 +87,7 @@
        ================================================== -->
        <header class="jumbotron subhead" id="overview">
          <h1>Javascript for Bootstrap</h1>
-        <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.
+        <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="https://jquery.com/" target="_blank">jQuery</a> plugins.
          <div class="subnav">
            <ul class="nav nav-pills">
              <li><a href="#javascript">All plugins</a></li>
@@ -1451,9 +1451,9 @@ $('.myCarousel').carousel({
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.1/less.html b/2.0.1/less.html

index ca206a09611b43c0692ba0fafb74ed1735936e5d..706e9360101b84971a01d3cc2616d4f22de0d3bc 100755 (executable)
--- a/2.0.1/less.html
+++ b/2.0.1/less.html
@@ -770,9 +770,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.1/scaffolding.html b/2.0.1/scaffolding.html

index 0930db002f895a623d26aeefa231c7f2e6e6a157..0c1a96222ff902983118ca43a52a089419ce19a4 100755 (executable)
--- a/2.0.1/scaffolding.html
+++ b/2.0.1/scaffolding.html
@@ -523,9 +523,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.1/upgrading.html b/2.0.1/upgrading.html

index 6d3de229941d74e3f8aca99dddf4f11583d0744b..2eb18ec246e0f6759390dc60e163103fefb83d9a 100755 (executable)
--- a/2.0.1/upgrading.html
+++ b/2.0.1/upgrading.html
@@ -283,9 +283,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.2/base-css.html b/2.0.2/base-css.html

index d966e6b436b5c8c8d98b4f662364ccbfa4a595cd..4c24a98ab24dd4adb836f926f54f577a0a03d6b4 100755 (executable)
--- a/2.0.2/base-css.html
+++ b/2.0.2/base-css.html
@@ -1419,7 +1419,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
  ================================================== -->
  <section id="icons">
    <div class="page-header">
-    <h1>Icons <small>Graciously provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+    <h1>Icons <small>Graciously provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
    </div>
    <div class="row">
      <div class="span3">
@@ -1567,7 +1567,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
        <h3>Built as a sprite</h3>
        <p>Instead of making every icon an extra request, we've compiled them into a sprite&mdash;a bunch of images in one file that uses CSS to position the images with <code>background-position</code>. This is the same method we use on Twitter.com and it has worked well for us.</p>
        <p>All icons classes are prefixed with <code>.icon-</code> for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.</p>
-      <p><a href="http://glyphicons.com" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p>
+      <p><a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p>
      </div>
      <div class="span4">
        <h3>How to use</h3>
@@ -1663,9 +1663,9 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.2/components.html b/2.0.2/components.html

index a029ce03d5a0a9d3d864ea9ff2864a7111719cab..ef2744d900bc648105e7483e221f1494159875f1 100755 (executable)
--- a/2.0.2/components.html
+++ b/2.0.2/components.html
@@ -1917,9 +1917,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.2/download.html b/2.0.2/download.html

index da623db45b564b2e1d4246e4f9d8cb39de88dafe..cdfe79cceaf9359ac4b6e62c5587d03722a3064e 100755 (executable)
--- a/2.0.2/download.html
+++ b/2.0.2/download.html
@@ -99,9 +99,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.2/examples.html b/2.0.2/examples.html

index feac1645949adf9d821798c491bcc189a712fe48..a50eb6f1cc22fa76d2a00a64ca247dcd544ba0ad 100755 (executable)
--- a/2.0.2/examples.html
+++ b/2.0.2/examples.html
@@ -120,9 +120,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.2/index.html b/2.0.2/index.html

index 7933486512acfb68ece57cdaf2a87ed1a880bf76..3de21f3ed0e06cddc1bb1c447d0dbd0826c2c34d 100755 (executable)
--- a/2.0.2/index.html
+++ b/2.0.2/index.html
@@ -194,7 +194,7 @@
      <div class="span3">
        <img class="small-bs-icon" src="assets/img/icon-twitter.png">
        <h3>Made at Twitter</h3>
-      <p>Brought to you by an experienced <a href="http://twitter.com/fat">engineer</a> and <a href="http://twitter.com/mdo">designer</a>.</p>
+      <p>Brought to you by an experienced <a href="https://twitter.com/fat">engineer</a> and <a href="https://twitter.com/mdo">designer</a>.</p>
      </div>
    </div><!--/row-->
  
@@ -219,7 +219,7 @@
        </a>
      </li>
      <li class="span3">
-      <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+      <a class="thumbnail" href="https://jshint.com/" target="_blank">
          <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
        </a>
      </li>
@@ -231,9 +231,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.2/javascript.html b/2.0.2/javascript.html

index 53f6ddfa66c60d86e066d7c66d98837928181f49..d0e1a649a6d37e315fab88326b97c52f3460e689 100755 (executable)
--- a/2.0.2/javascript.html
+++ b/2.0.2/javascript.html
@@ -87,7 +87,7 @@
        ================================================== -->
        <header class="jumbotron subhead" id="overview">
          <h1>Javascript for Bootstrap</h1>
-        <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.
+        <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="https://jquery.com/" target="_blank">jQuery</a> plugins.
          <div class="subnav">
            <ul class="nav nav-pills">
              <li><a href="#javascript">All plugins</a></li>
@@ -1468,9 +1468,9 @@ $('.carousel').carousel({
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.2/less.html b/2.0.2/less.html

index 91addcd71de443a7ad9144ec46e9cd1391ec6da1..9626af4e863b9f3dc4b56b6f14aabed6751ca894 100755 (executable)
--- a/2.0.2/less.html
+++ b/2.0.2/less.html
@@ -765,9 +765,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.2/scaffolding.html b/2.0.2/scaffolding.html

index 94ec3a54af9c21ac2cdc84004184d845328b561c..912f6a2fe4ee6b8c2574e96ccda2dba38322c74d 100755 (executable)
--- a/2.0.2/scaffolding.html
+++ b/2.0.2/scaffolding.html
@@ -132,7 +132,7 @@
      </div><!-- /.span -->
      <div class="span4">
        <h2>Reset via Normalize</h2>
-      <p>As of Bootstrap 2, the traditional CSS reset has evolved to make use of elements from <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>.</p>
+      <p>As of Bootstrap 2, the traditional CSS reset has evolved to make use of elements from <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>.</p>
        <p>The new reset can still be found in <strong>reset.less</strong>, but with many elements removed for brevity and accuracy.</p>
      </div><!-- /.span -->
    </div><!-- /.row -->
@@ -648,9 +648,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.2/upgrading.html b/2.0.2/upgrading.html

index aafe30c48380450ff40ce4a4ff3ddc12d3ccabb8..86aed71e2978394fcdf2f550fd5e2ec9c3a04d4b 100755 (executable)
--- a/2.0.2/upgrading.html
+++ b/2.0.2/upgrading.html
@@ -283,9 +283,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.3/base-css.html b/2.0.3/base-css.html

index dad91c15e028133f8ee0c114ec8e72999f4bfb05..058d06f16bb9ddf904d20084ebae91a3f3121ebf 100755 (executable)
--- a/2.0.3/base-css.html
+++ b/2.0.3/base-css.html
@@ -1419,7 +1419,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
  ================================================== -->
  <section id="icons">
    <div class="page-header">
-    <h1>Icons <small>Graciously provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+    <h1>Icons <small>Graciously provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
    </div>
    <div class="row">
      <div class="span3">
@@ -1587,7 +1587,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
        <h3>Built as a sprite</h3>
        <p>Instead of making every icon an extra request, we've compiled them into a sprite&mdash;a bunch of images in one file that uses CSS to position the images with <code>background-position</code>. This is the same method we use on Twitter.com and it has worked well for us.</p>
        <p>All icons classes are prefixed with <code>.icon-</code> for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.</p>
-      <p><a href="http://glyphicons.com" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p>
+      <p><a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p>
      </div>
      <div class="span4">
        <h3>How to use</h3>
@@ -1682,9 +1682,9 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.3/components.html b/2.0.3/components.html

index 507535620f670350e259e05c7b066e37d70106b0..af2899b341ddbb59b36ba3ca099dde30bc5971a6 100755 (executable)
--- a/2.0.3/components.html
+++ b/2.0.3/components.html
@@ -1905,9 +1905,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.3/download.html b/2.0.3/download.html

index 851496e7474b4e2aaa8d312773c06111d42e38fe..56dc9274f8194d7bc850fbc795f5d496dafb6b31 100755 (executable)
--- a/2.0.3/download.html
+++ b/2.0.3/download.html
@@ -99,9 +99,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.3/examples.html b/2.0.3/examples.html

index 62c8ab114a376160019e7bb6a9f6b9d301cdaa0f..de56809067210bd4157fe7f8e8017be781e726c7 100755 (executable)
--- a/2.0.3/examples.html
+++ b/2.0.3/examples.html
@@ -121,9 +121,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.3/index.html b/2.0.3/index.html

index f588f235ba2e7e43303c74187796f9ab8a70180d..99fc5d1a34002b51347bdf995ded168f92698d89 100755 (executable)
--- a/2.0.3/index.html
+++ b/2.0.3/index.html
@@ -100,7 +100,7 @@
      <ul class="quick-links">
        <li><a href="./upgrading.html">Upgrading from 1.4</a></li>
        <li><a href="https://github.com/twitter/bootstrap/zipball/master">Download with docs</a></li>
-      <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+      <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
        <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
        <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
      </ul>
@@ -196,7 +196,7 @@
      <div class="span3">
        <img class="small-bs-icon" src="assets/img/icon-twitter.png">
        <h3>Made at Twitter</h3>
-      <p>Brought to you by an experienced <a href="http://twitter.com/fat">engineer</a> and <a href="http://twitter.com/mdo">designer</a>.</p>
+      <p>Brought to you by an experienced <a href="https://twitter.com/fat">engineer</a> and <a href="https://twitter.com/mdo">designer</a>.</p>
      </div>
    </div><!--/row-->
  
@@ -221,7 +221,7 @@
        </a>
      </li>
      <li class="span3">
-      <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+      <a class="thumbnail" href="https://jshint.com/" target="_blank">
          <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
        </a>
      </li>
@@ -233,9 +233,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.3/javascript.html b/2.0.3/javascript.html

index f9e357edaf3f73d106c13efa422e857bf4696abe..309c8f30ca49c512a957882be4567429bb879be9 100755 (executable)
--- a/2.0.3/javascript.html
+++ b/2.0.3/javascript.html
@@ -88,7 +88,7 @@
        ================================================== -->
        <header class="jumbotron subhead" id="overview">
          <h1>Javascript for Bootstrap</h1>
-        <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.
+        <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="https://jquery.com/" target="_blank">jQuery</a> plugins.
          <div class="subnav">
            <ul class="nav nav-pills">
              <li><a href="#javascript">All plugins</a></li>
@@ -1518,9 +1518,9 @@ $('.carousel').carousel({
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.3/less.html b/2.0.3/less.html

index 4b6225345090af3b75b9077a3d24ecdc598c432a..21ef557599f064fea98b3cdf43a41a23dde01f62 100755 (executable)
--- a/2.0.3/less.html
+++ b/2.0.3/less.html
@@ -1028,9 +1028,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.3/scaffolding.html b/2.0.3/scaffolding.html

index 98b30ff1fc381130268bd32287a73ca2d1007e2b..2475a6e7c366ef8516e32ca74b0ecabbff664a67 100755 (executable)
--- a/2.0.3/scaffolding.html
+++ b/2.0.3/scaffolding.html
@@ -133,7 +133,7 @@
      </div><!-- /.span -->
      <div class="span4">
        <h2>Reset via Normalize</h2>
-      <p>As of Bootstrap 2, the traditional CSS reset has evolved to make use of elements from <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>.</p>
+      <p>As of Bootstrap 2, the traditional CSS reset has evolved to make use of elements from <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>.</p>
        <p>The new reset can still be found in <strong>reset.less</strong>, but with many elements removed for brevity and accuracy.</p>
      </div><!-- /.span -->
    </div><!-- /.row -->
@@ -646,9 +646,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.3/upgrading.html b/2.0.3/upgrading.html

index f218ab810708672c3839d42080fba62616e31de7..52cfd0f1c54586212dce3df5d15b78f222901a10 100755 (executable)
--- a/2.0.3/upgrading.html
+++ b/2.0.3/upgrading.html
@@ -284,9 +284,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.4/base-css.html b/2.0.4/base-css.html

index c45daaf85a32c1f054d96dc7c8feadff1b7f684e..aa1c326c00a9341fc5b16f8276e4f2de86a12702 100755 (executable)
--- a/2.0.4/base-css.html
+++ b/2.0.4/base-css.html
@@ -1421,7 +1421,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
  ================================================== -->
  <section id="icons">
    <div class="page-header">
-    <h1>Icons <small>Graciously provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+    <h1>Icons <small>Graciously provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
    </div>
    <div class="row">
      <div class="span3">
@@ -1589,7 +1589,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
        <h3>Built as a sprite</h3>
        <p>Instead of making every icon an extra request, we've compiled them into a sprite&mdash;a bunch of images in one file that uses CSS to position the images with <code>background-position</code>. This is the same method we use on Twitter.com and it has worked well for us.</p>
        <p>All icons classes are prefixed with <code>.icon-</code> for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.</p>
-      <p><a href="http://glyphicons.com" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p>
+      <p><a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p>
      </div>
      <div class="span4">
        <h3>How to use</h3>
@@ -1684,9 +1684,9 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.4/components.html b/2.0.4/components.html

index eb300aab90d2f084e2376c863d0ffc010a26f485..93b605b5d471d3347e0947cf371d4cee8b9675c2 100755 (executable)
--- a/2.0.4/components.html
+++ b/2.0.4/components.html
@@ -1905,9 +1905,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.4/download.html b/2.0.4/download.html

index cedcce01e02d2d189c9502b9551950b707f86c8c..f715d320b385d04dd0b92193b37c6084267d586f 100755 (executable)
--- a/2.0.4/download.html
+++ b/2.0.4/download.html
@@ -99,9 +99,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.4/examples.html b/2.0.4/examples.html

index 3eed94074c9d42773e0f3162643705ddce79803e..9514c41ddd4688ca329216bf719801d5caecd257 100755 (executable)
--- a/2.0.4/examples.html
+++ b/2.0.4/examples.html
@@ -121,9 +121,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.4/index.html b/2.0.4/index.html

index cedfc3dbe3b3f8da9c0f0209abd89d5c0c9be519..15e4d1208dc2f11e1bc03882b57c6f174e5b08f5 100755 (executable)
--- a/2.0.4/index.html
+++ b/2.0.4/index.html
@@ -100,7 +100,7 @@
      <ul class="quick-links">
        <li><a href="./upgrading.html">Upgrading from 1.4</a></li>
        <li><a href="https://github.com/twitter/bootstrap/zipball/master">Download with docs</a></li>
-      <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+      <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
        <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
        <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
      </ul>
@@ -196,7 +196,7 @@
      <div class="span3">
        <img class="small-bs-icon" src="assets/img/icon-twitter.png">
        <h3>Made at Twitter</h3>
-      <p>Brought to you by an experienced <a href="http://twitter.com/fat">engineer</a> and <a href="http://twitter.com/mdo">designer</a>.</p>
+      <p>Brought to you by an experienced <a href="https://twitter.com/fat">engineer</a> and <a href="https://twitter.com/mdo">designer</a>.</p>
      </div>
    </div><!--/row-->
  
@@ -221,7 +221,7 @@
        </a>
      </li>
      <li class="span3">
-      <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+      <a class="thumbnail" href="https://jshint.com/" target="_blank">
          <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
        </a>
      </li>
@@ -233,9 +233,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.4/javascript.html b/2.0.4/javascript.html

index 21414a80f3a0af0ebc49605ac13d4e7c17cd4e87..8550e6aaff51afc202166d3eb573c1d2c8c480ed 100755 (executable)
--- a/2.0.4/javascript.html
+++ b/2.0.4/javascript.html
@@ -88,7 +88,7 @@
        ================================================== -->
        <header class="jumbotron subhead" id="overview">
          <h1>Javascript for Bootstrap</h1>
-        <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.
+        <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="https://jquery.com/" target="_blank">jQuery</a> plugins.
          <div class="subnav">
            <ul class="nav nav-pills">
              <li><a href="#javascript">All plugins</a></li>
@@ -1494,9 +1494,9 @@ $('.carousel').carousel({
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.4/less.html b/2.0.4/less.html

index e1d8d4f1ac3bd12ae7886eb39eeb60b5a6b7c235..b60fb42fc6bbac12c6ee02a9fa5bcae32fd7311c 100755 (executable)
--- a/2.0.4/less.html
+++ b/2.0.4/less.html
@@ -1034,9 +1034,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.4/scaffolding.html b/2.0.4/scaffolding.html

index 45d32535b036b3248cea4b4bd0b50aea3a300c02..caef53df9ca0b6f2f12b1e6d1a5b13078129660f 100755 (executable)
--- a/2.0.4/scaffolding.html
+++ b/2.0.4/scaffolding.html
@@ -133,7 +133,7 @@
      </div><!-- /.span -->
      <div class="span4">
        <h2>Reset via Normalize</h2>
-      <p>As of Bootstrap 2, the traditional CSS reset has evolved to make use of elements from <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>.</p>
+      <p>As of Bootstrap 2, the traditional CSS reset has evolved to make use of elements from <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>.</p>
        <p>The new reset can still be found in <strong>reset.less</strong>, but with many elements removed for brevity and accuracy.</p>
      </div><!-- /.span -->
    </div><!-- /.row -->
@@ -645,9 +645,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.0.4/upgrading.html b/2.0.4/upgrading.html

index 9c8be482e7d38d57e7d79346e0f100e85c4716b3..c7d230e63fa40f89143deb4071af183b57862a93 100755 (executable)
--- a/2.0.4/upgrading.html
+++ b/2.0.4/upgrading.html
@@ -284,9 +284,9 @@
        ================================================== -->
        <footer class="footer">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
        </footer>
  
      </div><!-- /container -->
diff --git a/2.1.0/base-css.html b/2.1.0/base-css.html

index ba43f2b832f23e4feab89f72d6712cdd76e5d924..9175f6e9e04958cfae1920d658857cab179f870d 100755 (executable)
--- a/2.1.0/base-css.html
+++ b/2.1.0/base-css.html
@@ -1612,11 +1612,11 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
          ================================================== -->
          <section id="icons">
            <div class="page-header">
-            <h1>Icons <small>by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+            <h1>Icons <small>by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
            </div>
  
            <h2>Icon glyphs</h2>
-          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a>.</p>
+          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a>.</p>
            <ul class="the-icons clearfix">
              <li><i class="icon-glass"></i> icon-glass</li>
              <li><i class="icon-music"></i> icon-music</li>
@@ -1765,7 +1765,7 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
            </ul>
  
            <h3>Glyphicons attribution</h3>
-          <p><a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at not cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever practical.</p>
+          <p><a href="https://www.glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at not cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="https://www.glyphicons.com/">Glyphicons</a> whenever practical.</p>
  
  
            <hr class="bs-docs-separator">
@@ -1911,11 +1911,11 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.0/components.html b/2.1.0/components.html

index d1feec516098d26ca8f2541463a71b7d33ea8455..6abe42c8aebec1263d55e38f6d486bb9f2d51c41 100755 (executable)
--- a/2.1.0/components.html
+++ b/2.1.0/components.html
@@ -2297,11 +2297,11 @@ class="clearfix"
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.0/customize.html b/2.1.0/customize.html

index afe623c9453ac22fbb5fad903643c277026ca0b0..381472c12551ac349f64ac3a1188e90469af6f3f 100755 (executable)
--- a/2.1.0/customize.html
+++ b/2.1.0/customize.html
@@ -101,11 +101,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.0/extend.html b/2.1.0/extend.html

index eef814a7ebac8e7bef9c32dbcdd59c95bf206e5e..2b12e4793667c9a6a2356bde1f37d97a58ae8a02 100755 (executable)
--- a/2.1.0/extend.html
+++ b/2.1.0/extend.html
@@ -255,11 +255,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.0/getting-started.html b/2.1.0/getting-started.html

index 1f2c6683ff21f82274eaccf9628873d577df372e..ad00c739cf0e339039ce5ced47a1c8ed689fa344 100755 (executable)
--- a/2.1.0/getting-started.html
+++ b/2.1.0/getting-started.html
@@ -163,13 +163,13 @@
            <div class="page-header">
              <h1>3. What's included</h1>
            </div>
-          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="http://getbootstrap.com">Bootstrap documentation</a>.</p>
+          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="https://getbootstrap.com/">Bootstrap documentation</a>.</p>
  
            <h2>Docs sections</h2>
            <h4><a href="http://twitter.github.com/bootstrap/scaffolding.html">Scaffolding</a></h4>
            <p>Global styles for the body to reset type and background, link styles, grid system, and two simple layouts.</p>
            <h4><a href="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
-          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="http://glyphicons.com">Glyphicons</a>, a great little icon set.</p>
+          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="https://www.glyphicons.com/">Glyphicons</a>, a great little icon set.</p>
            <h4><a href="http://twitter.github.com/bootstrap/components.html">Components</a></h4>
            <p>Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more.</p>
            <h4><a href="http://twitter.github.com/bootstrap/javascript.html">Javascript plugins</a></h4>
@@ -299,11 +299,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.0/index.html b/2.1.0/index.html

index a4e4dbed3cb97facb2b77e76b72b3bf8e6695169..e7f10e1d4dc4872360b2d885c5b9807dc1b48968 100755 (executable)
--- a/2.1.0/index.html
+++ b/2.1.0/index.html
@@ -83,7 +83,7 @@
      <p>Sleek, intuitive, and powerful front-end framework for faster and easier web development.</p>
      <p><a href="assets/bootstrap.zip" class="btn btn-primary btn-large" >Download Bootstrap</a></p>
      <ul class="masthead-links">
-      <li><a href="http://github.com/twitter/bootstrap" >GitHub project</a></li>
+      <li><a href="https://github.com/twitter/bootstrap" >GitHub project</a></li>
        <li><a href="./extend.html" >Extend</a></li>
        <li>Version 2.1.0</li>
      </ul>
@@ -121,7 +121,7 @@
        <div class="span4">
          <img src="assets/img/bs-docs-twitter-github.png">
          <h2>By nerds, for nerds.</h2>
-        <p>Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
+        <p>Built at Twitter by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="https://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
        </div>
        <div class="span4">
          <img src="assets/img/bs-docs-responsive-illustrations.png">
@@ -157,7 +157,7 @@
            </a>
          </li>
          <li class="span3">
-          <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+          <a class="thumbnail" href="https://jshint.com/" target="_blank">
              <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
            </a>
          </li>
@@ -175,11 +175,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.0/javascript.html b/2.1.0/javascript.html

index 51f109721c56051154e5ecc37610fb48e6ccb7a4..4221ae7fa2456223701e97eb7b88dce68cd3141c 100755 (executable)
--- a/2.1.0/javascript.html
+++ b/2.1.0/javascript.html
@@ -1670,11 +1670,11 @@ $('[data-spy="affix"]').each(function () {
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.0/scaffolding.html b/2.1.0/scaffolding.html

index d9d7dd79baa476565b3c2ad0746a0d23cab3e900..ea9d28258fef78b318bb6397fd68f95d7b566134 100755 (executable)
--- a/2.1.0/scaffolding.html
+++ b/2.1.0/scaffolding.html
@@ -132,7 +132,7 @@
            <p>These styles can be found within <strong>scaffolding.less</strong>.</p>
  
            <h3>Reset via Normalize</h3>
-          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
+          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
  
          </section>
  
@@ -555,11 +555,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.1/base-css.html b/2.1.1/base-css.html

index 3090ee7bb9a548930edd31c83390abaca888b3eb..52fef7c904c2f356d96764de77fee66ac1693146 100755 (executable)
--- a/2.1.1/base-css.html
+++ b/2.1.1/base-css.html
@@ -1648,11 +1648,11 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
          ================================================== -->
          <section id="icons">
            <div class="page-header">
-            <h1>Icons <small>by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+            <h1>Icons <small>by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
            </div>
  
            <h2>Icon glyphs</h2>
-          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a>.</p>
+          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a>.</p>
            <ul class="the-icons clearfix">
              <li><i class="icon-glass"></i> icon-glass</li>
              <li><i class="icon-music"></i> icon-music</li>
@@ -1801,7 +1801,7 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
            </ul>
  
            <h3>Glyphicons attribution</h3>
-          <p><a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever practical.</p>
+          <p><a href="https://www.glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="https://www.glyphicons.com/">Glyphicons</a> whenever practical.</p>
  
  
            <hr class="bs-docs-separator">
@@ -1949,11 +1949,11 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.1/components.html b/2.1.1/components.html

index 8c1607ad61058973d93fa6bf035d84e1e1959814..4649321976c2c4869a7555c78978e766f30d8007 100755 (executable)
--- a/2.1.1/components.html
+++ b/2.1.1/components.html
@@ -2307,11 +2307,11 @@ class="clearfix"
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.1/customize.html b/2.1.1/customize.html

index afe623c9453ac22fbb5fad903643c277026ca0b0..381472c12551ac349f64ac3a1188e90469af6f3f 100755 (executable)
--- a/2.1.1/customize.html
+++ b/2.1.1/customize.html
@@ -101,11 +101,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.1/extend.html b/2.1.1/extend.html

index eef814a7ebac8e7bef9c32dbcdd59c95bf206e5e..2b12e4793667c9a6a2356bde1f37d97a58ae8a02 100755 (executable)
--- a/2.1.1/extend.html
+++ b/2.1.1/extend.html
@@ -255,11 +255,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.1/getting-started.html b/2.1.1/getting-started.html

index 97df24a429b015c66cd72da079c17ae7d3afaabd..10e77d10a880ca5ff47d97443fab999c7016c070 100755 (executable)
--- a/2.1.1/getting-started.html
+++ b/2.1.1/getting-started.html
@@ -164,13 +164,13 @@
            <div class="page-header">
              <h1>3. What's included</h1>
            </div>
-          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="http://getbootstrap.com">Bootstrap documentation</a>.</p>
+          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="https://getbootstrap.com/">Bootstrap documentation</a>.</p>
  
            <h2>Docs sections</h2>
            <h4><a href="http://twitter.github.com/bootstrap/scaffolding.html">Scaffolding</a></h4>
            <p>Global styles for the body to reset type and background, link styles, grid system, and two simple layouts.</p>
            <h4><a href="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
-          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="http://glyphicons.com">Glyphicons</a>, a great little icon set.</p>
+          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="https://www.glyphicons.com/">Glyphicons</a>, a great little icon set.</p>
            <h4><a href="http://twitter.github.com/bootstrap/components.html">Components</a></h4>
            <p>Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more.</p>
            <h4><a href="http://twitter.github.com/bootstrap/javascript.html">Javascript plugins</a></h4>
@@ -304,11 +304,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.1/index.html b/2.1.1/index.html

index 480b93fb76533049a96628e1c44514ed7c0a3f12..3e67e222536ac29a73181fb5d582ac045d6c80c7 100755 (executable)
--- a/2.1.1/index.html
+++ b/2.1.1/index.html
@@ -83,7 +83,7 @@
      <p>Sleek, intuitive, and powerful front-end framework for faster and easier web development.</p>
      <p><a href="assets/bootstrap.zip" class="btn btn-primary btn-large" >Download Bootstrap</a></p>
      <ul class="masthead-links">
-      <li><a href="http://github.com/twitter/bootstrap" >GitHub project</a></li>
+      <li><a href="https://github.com/twitter/bootstrap" >GitHub project</a></li>
        <li><a href="./extend.html" >Extend</a></li>
        <li>Version 2.1.1</li>
      </ul>
@@ -121,7 +121,7 @@
        <div class="span4">
          <img src="assets/img/bs-docs-twitter-github.png">
          <h2>By nerds, for nerds.</h2>
-        <p>Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
+        <p>Built at Twitter by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="https://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
        </div>
        <div class="span4">
          <img src="assets/img/bs-docs-responsive-illustrations.png">
@@ -157,7 +157,7 @@
            </a>
          </li>
          <li class="span3">
-          <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+          <a class="thumbnail" href="https://jshint.com/" target="_blank">
              <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
            </a>
          </li>
@@ -175,11 +175,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.1/javascript.html b/2.1.1/javascript.html

index 52fc4b37b5b6a11d7c209ff440a5a7587defad86..8bbf9dd7a9aab4db39a3d91a939c8a21c598ba0f 100755 (executable)
--- a/2.1.1/javascript.html
+++ b/2.1.1/javascript.html
@@ -1700,11 +1700,11 @@ $('[data-spy="affix"]').each(function () {
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.1.1/scaffolding.html b/2.1.1/scaffolding.html

index f1165b2a73b5f7ae568b2aa0973d12fc786cfc52..37fcd567232a77e3ccce9a5a238e3aa77b16ae2f 100755 (executable)
--- a/2.1.1/scaffolding.html
+++ b/2.1.1/scaffolding.html
@@ -132,7 +132,7 @@
            <p>These styles can be found within <strong>scaffolding.less</strong>.</p>
  
            <h3>Reset via Normalize</h3>
-          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
+          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
  
          </section>
  
@@ -553,11 +553,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world <a href="https://twitter.com/twitter" target="_blank">@twitter</a> by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Icons from <a href="https://www.glyphicons.com/">Glyphicons Free</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Read the blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Read the blog</a></li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Submit issues</a></li>
            <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
          </ul>
diff --git a/2.2.0/base-css.html b/2.2.0/base-css.html

index d3b0cd8ae4c031393854dcbccb3463db024b88f1..5b45af15833572586aeddfb46a0d57af52befde4 100755 (executable)
--- a/2.2.0/base-css.html
+++ b/2.2.0/base-css.html
@@ -1782,11 +1782,11 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
          ================================================== -->
          <section id="icons">
            <div class="page-header">
-            <h1>Icons <small>by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+            <h1>Icons <small>by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
            </div>
  
            <h2>Icon glyphs</h2>
-          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a>.</p>
+          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a>.</p>
            <ul class="the-icons clearfix">
              <li><i class="icon-glass"></i> icon-glass</li>
              <li><i class="icon-music"></i> icon-music</li>
@@ -1935,7 +1935,7 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
            </ul>
  
            <h3>Glyphicons attribution</h3>
-          <p><a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever practical.</p>
+          <p><a href="https://www.glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="https://www.glyphicons.com/">Glyphicons</a> whenever practical.</p>
  
  
            <hr class="bs-docs-separator">
@@ -2083,11 +2083,11 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.0/components.html b/2.2.0/components.html

index f830f442367a7d2962a70c4b5a56a17073850326..136d3d1e4b2aec5f3ef3d051037116632ab000c1 100755 (executable)
--- a/2.2.0/components.html
+++ b/2.2.0/components.html
@@ -2568,11 +2568,11 @@ class="clearfix"
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.0/customize.html b/2.2.0/customize.html

index 12887a077c1d2e041f86e35cd174b158e7e0bf15..29d2c182ea1848c7392a403a16b136ab02c97413 100755 (executable)
--- a/2.2.0/customize.html
+++ b/2.2.0/customize.html
@@ -101,11 +101,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.0/extend.html b/2.2.0/extend.html

index e64de3702f70e0a8877b2248f7422df84b5e8fad..cc3a38ea0c2bc29979b8d7cd6bd29f621ba34ac1 100755 (executable)
--- a/2.2.0/extend.html
+++ b/2.2.0/extend.html
@@ -255,11 +255,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.0/getting-started.html b/2.2.0/getting-started.html

index 4ebbf8b4559f879c3246896fe77035113ba7e142..51237e1e5877f7d48fd8e09e31b0fab7a18835bc 100755 (executable)
--- a/2.2.0/getting-started.html
+++ b/2.2.0/getting-started.html
@@ -163,13 +163,13 @@
            <div class="page-header">
              <h1>3. What's included</h1>
            </div>
-          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="http://getbootstrap.com">Bootstrap documentation</a>.</p>
+          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="https://getbootstrap.com/">Bootstrap documentation</a>.</p>
  
            <h2>Docs sections</h2>
            <h4><a href="http://twitter.github.com/bootstrap/scaffolding.html">Scaffolding</a></h4>
            <p>Global styles for the body to reset type and background, link styles, grid system, and two simple layouts.</p>
            <h4><a href="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
-          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="http://glyphicons.com">Glyphicons</a>, a great little icon set.</p>
+          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="https://www.glyphicons.com/">Glyphicons</a>, a great little icon set.</p>
            <h4><a href="http://twitter.github.com/bootstrap/components.html">Components</a></h4>
            <p>Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more.</p>
            <h4><a href="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
@@ -333,11 +333,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.0/index.html b/2.2.0/index.html

index 39d4d5b0ebc9891f75a801f634f5a41ba8d4bc4e..68a1938e33659637d87db6bc411a7bbcb13a93cd 100755 (executable)
--- a/2.2.0/index.html
+++ b/2.2.0/index.html
@@ -86,7 +86,7 @@
      </p>
      <ul class="masthead-links">
        <li>
-        <a href="http://github.com/twitter/bootstrap" >GitHub project</a>
+        <a href="https://github.com/twitter/bootstrap" >GitHub project</a>
        </li>
        <li>
          <a href="./getting-started.html#examples" >Examples</a>
@@ -132,7 +132,7 @@
        <div class="span4">
          <img src="assets/img/bs-docs-twitter-github.png">
          <h2>By nerds, for nerds.</h2>
-        <p>Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
+        <p>Built at Twitter by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="https://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
        </div>
        <div class="span4">
          <img src="assets/img/bs-docs-responsive-illustrations.png">
@@ -168,7 +168,7 @@
            </a>
          </li>
          <li class="span3">
-          <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+          <a class="thumbnail" href="https://jshint.com/" target="_blank">
              <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
            </a>
          </li>
@@ -186,11 +186,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.0/javascript.html b/2.2.0/javascript.html

index 50752f882ac72025a6d352fc8cfc925ff2408b30..0e6a0fd47c53276d1d1e0df21a8f2ffdf08c17a4 100755 (executable)
--- a/2.2.0/javascript.html
+++ b/2.2.0/javascript.html
@@ -1716,11 +1716,11 @@ $('[data-spy="affix"]').each(function () {
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.0/scaffolding.html b/2.2.0/scaffolding.html

index 4892216542acdf347494456821065eeea6093cab..0140fdf02957fcc94522dfc16f224d5696d89596 100755 (executable)
--- a/2.2.0/scaffolding.html
+++ b/2.2.0/scaffolding.html
@@ -132,7 +132,7 @@
            <p>These styles can be found within <strong>scaffolding.less</strong>.</p>
  
            <h3>Reset via Normalize</h3>
-          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
+          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
  
          </section>
  
@@ -553,11 +553,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.1/base-css.html b/2.2.1/base-css.html

index d3b0cd8ae4c031393854dcbccb3463db024b88f1..5b45af15833572586aeddfb46a0d57af52befde4 100755 (executable)
--- a/2.2.1/base-css.html
+++ b/2.2.1/base-css.html
@@ -1782,11 +1782,11 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
          ================================================== -->
          <section id="icons">
            <div class="page-header">
-            <h1>Icons <small>by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+            <h1>Icons <small>by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
            </div>
  
            <h2>Icon glyphs</h2>
-          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a>.</p>
+          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a>.</p>
            <ul class="the-icons clearfix">
              <li><i class="icon-glass"></i> icon-glass</li>
              <li><i class="icon-music"></i> icon-music</li>
@@ -1935,7 +1935,7 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
            </ul>
  
            <h3>Glyphicons attribution</h3>
-          <p><a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever practical.</p>
+          <p><a href="https://www.glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="https://www.glyphicons.com/">Glyphicons</a> whenever practical.</p>
  
  
            <hr class="bs-docs-separator">
@@ -2083,11 +2083,11 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.1/components.html b/2.2.1/components.html

index f830f442367a7d2962a70c4b5a56a17073850326..136d3d1e4b2aec5f3ef3d051037116632ab000c1 100755 (executable)
--- a/2.2.1/components.html
+++ b/2.2.1/components.html
@@ -2568,11 +2568,11 @@ class="clearfix"
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.1/customize.html b/2.2.1/customize.html

index 12887a077c1d2e041f86e35cd174b158e7e0bf15..29d2c182ea1848c7392a403a16b136ab02c97413 100755 (executable)
--- a/2.2.1/customize.html
+++ b/2.2.1/customize.html
@@ -101,11 +101,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.1/extend.html b/2.2.1/extend.html

index e64de3702f70e0a8877b2248f7422df84b5e8fad..cc3a38ea0c2bc29979b8d7cd6bd29f621ba34ac1 100755 (executable)
--- a/2.2.1/extend.html
+++ b/2.2.1/extend.html
@@ -255,11 +255,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.1/getting-started.html b/2.2.1/getting-started.html

index 4ebbf8b4559f879c3246896fe77035113ba7e142..51237e1e5877f7d48fd8e09e31b0fab7a18835bc 100755 (executable)
--- a/2.2.1/getting-started.html
+++ b/2.2.1/getting-started.html
@@ -163,13 +163,13 @@
            <div class="page-header">
              <h1>3. What's included</h1>
            </div>
-          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="http://getbootstrap.com">Bootstrap documentation</a>.</p>
+          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="https://getbootstrap.com/">Bootstrap documentation</a>.</p>
  
            <h2>Docs sections</h2>
            <h4><a href="http://twitter.github.com/bootstrap/scaffolding.html">Scaffolding</a></h4>
            <p>Global styles for the body to reset type and background, link styles, grid system, and two simple layouts.</p>
            <h4><a href="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
-          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="http://glyphicons.com">Glyphicons</a>, a great little icon set.</p>
+          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="https://www.glyphicons.com/">Glyphicons</a>, a great little icon set.</p>
            <h4><a href="http://twitter.github.com/bootstrap/components.html">Components</a></h4>
            <p>Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more.</p>
            <h4><a href="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
@@ -333,11 +333,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.1/index.html b/2.2.1/index.html

index b1800249312e08bd568d1cd72cf683790549753f..0a6bcfd5076b928539f45f3b28a22adc795c60c7 100755 (executable)
--- a/2.2.1/index.html
+++ b/2.2.1/index.html
@@ -86,7 +86,7 @@
      </p>
      <ul class="masthead-links">
        <li>
-        <a href="http://github.com/twitter/bootstrap" >GitHub project</a>
+        <a href="https://github.com/twitter/bootstrap" >GitHub project</a>
        </li>
        <li>
          <a href="./getting-started.html#examples" >Examples</a>
@@ -132,7 +132,7 @@
        <div class="span4">
          <img src="assets/img/bs-docs-twitter-github.png">
          <h2>By nerds, for nerds.</h2>
-        <p>Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
+        <p>Built at Twitter by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="https://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
        </div>
        <div class="span4">
          <img src="assets/img/bs-docs-responsive-illustrations.png">
@@ -168,7 +168,7 @@
            </a>
          </li>
          <li class="span3">
-          <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+          <a class="thumbnail" href="https://jshint.com/" target="_blank">
              <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
            </a>
          </li>
@@ -186,11 +186,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.1/javascript.html b/2.2.1/javascript.html

index 50752f882ac72025a6d352fc8cfc925ff2408b30..0e6a0fd47c53276d1d1e0df21a8f2ffdf08c17a4 100755 (executable)
--- a/2.2.1/javascript.html
+++ b/2.2.1/javascript.html
@@ -1716,11 +1716,11 @@ $('[data-spy="affix"]').each(function () {
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.1/scaffolding.html b/2.2.1/scaffolding.html

index 4892216542acdf347494456821065eeea6093cab..0140fdf02957fcc94522dfc16f224d5696d89596 100755 (executable)
--- a/2.2.1/scaffolding.html
+++ b/2.2.1/scaffolding.html
@@ -132,7 +132,7 @@
            <p>These styles can be found within <strong>scaffolding.less</strong>.</p>
  
            <h3>Reset via Normalize</h3>
-          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
+          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
  
          </section>
  
@@ -553,11 +553,11 @@
      <footer class="footer">
        <div class="container">
          <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.2/base-css.html b/2.2.2/base-css.html

index 56d46adaa94873d27109995ecd0bef305011c559..505d4c63a47b9e9857d6ace24cc4bbb13c922069 100755 (executable)
--- a/2.2.2/base-css.html
+++ b/2.2.2/base-css.html
@@ -1853,11 +1853,11 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
          ================================================== -->
          <section id="icons">
            <div class="page-header">
-            <h1>Icons <small>by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+            <h1>Icons <small>by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
            </div>
  
            <h2>Icon glyphs</h2>
-          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a>.</p>
+          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a>.</p>
            <ul class="the-icons clearfix">
              <li><i class="icon-glass"></i> icon-glass</li>
              <li><i class="icon-music"></i> icon-music</li>
@@ -2006,7 +2006,7 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
            </ul>
  
            <h3>Glyphicons attribution</h3>
-          <p><a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever practical.</p>
+          <p><a href="https://www.glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="https://www.glyphicons.com/">Glyphicons</a> whenever practical.</p>
  
  
            <hr class="bs-docs-separator">
@@ -2156,11 +2156,11 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.2/components.html b/2.2.2/components.html

index 83600a482f76d90ae5bc9dae6e73f97ca4c6c61a..f09418253fbd8a647441cb3e8ef95ad38baa7df6 100755 (executable)
--- a/2.2.2/components.html
+++ b/2.2.2/components.html
@@ -2570,11 +2570,11 @@ class="clearfix"
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.2/customize.html b/2.2.2/customize.html

index f005f833ccf62990a340ad43e45c765c1340154f..a0059c90fe30372d3ffc4f967641f90ba6fd60da 100755 (executable)
--- a/2.2.2/customize.html
+++ b/2.2.2/customize.html
@@ -100,11 +100,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.2/extend.html b/2.2.2/extend.html

index d8332e2ccf43ac27fc40c9c757c35d4c57e43074..89cdcbb56f6fef506903ac0b7eebe7d700d0572b 100755 (executable)
--- a/2.2.2/extend.html
+++ b/2.2.2/extend.html
@@ -254,11 +254,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.2/getting-started.html b/2.2.2/getting-started.html

index 518bd1a39ed83c098bda118cdda41fb8084f6f27..1add514d1288b139ef94519cfc1e6b5fa4ca8993 100755 (executable)
--- a/2.2.2/getting-started.html
+++ b/2.2.2/getting-started.html
@@ -163,13 +163,13 @@
            <div class="page-header">
              <h1>3. What's included</h1>
            </div>
-          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="http://getbootstrap.com">Bootstrap documentation</a>.</p>
+          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="https://getbootstrap.com/">Bootstrap documentation</a>.</p>
  
            <h2>Docs sections</h2>
            <h4><a href="http://twitter.github.com/bootstrap/scaffolding.html">Scaffolding</a></h4>
            <p>Global styles for the body to reset type and background, link styles, grid system, and two simple layouts.</p>
            <h4><a href="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
-          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="http://glyphicons.com">Glyphicons</a>, a great little icon set.</p>
+          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="https://www.glyphicons.com/">Glyphicons</a>, a great little icon set.</p>
            <h4><a href="http://twitter.github.com/bootstrap/components.html">Components</a></h4>
            <p>Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more.</p>
            <h4><a href="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
@@ -332,11 +332,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.2/index.html b/2.2.2/index.html

index 6373c39c832c378c5ea5c8a8162ded46e8fdeb9f..0200afbd72c70b0c6e6586e9d60bd1f7f331da7c 100755 (executable)
--- a/2.2.2/index.html
+++ b/2.2.2/index.html
@@ -86,7 +86,7 @@
      </p>
      <ul class="masthead-links">
        <li>
-        <a href="http://github.com/twitter/bootstrap" >GitHub project</a>
+        <a href="https://github.com/twitter/bootstrap" >GitHub project</a>
        </li>
        <li>
          <a href="./getting-started.html#examples" >Examples</a>
@@ -132,7 +132,7 @@
        <div class="span4">
          <img class="marketing-img" src="assets/img/bs-docs-twitter-github.png">
          <h2>By nerds, for nerds.</h2>
-        <p>Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
+        <p>Built at Twitter by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="https://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
        </div>
        <div class="span4">
          <img class="marketing-img" src="assets/img/bs-docs-responsive-illustrations.png">
@@ -168,7 +168,7 @@
            </a>
          </li>
          <li class="span3">
-          <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+          <a class="thumbnail" href="https://jshint.com/" target="_blank">
              <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
            </a>
          </li>
@@ -185,11 +185,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.2/javascript.html b/2.2.2/javascript.html

index 986ffdc26aa6f341fb51bfcf9622a878b4efd11d..b13c61e9afc3c15fbb0339873c2618055be26801 100755 (executable)
--- a/2.2.2/javascript.html
+++ b/2.2.2/javascript.html
@@ -1723,11 +1723,11 @@ $('[data-spy="affix"]').each(function () {
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.2.2/scaffolding.html b/2.2.2/scaffolding.html

index 10a01fee52cf7f49b33d3af30372921ed463b723..f831cdd8abd8404c5ac3eb9e5765228bb942f8ad 100755 (executable)
--- a/2.2.2/scaffolding.html
+++ b/2.2.2/scaffolding.html
@@ -132,7 +132,7 @@
            <p>These styles can be found within <strong>scaffolding.less</strong>.</p>
  
            <h3>Reset via Normalize</h3>
-          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal" target="_blank">Jonathan Neal</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
+          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="https://twitter.com/jon_neal" target="_blank">Jonathan Neal</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
  
          </section>
  
@@ -566,11 +566,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.0/base-css.html b/2.3.0/base-css.html

index 2b1d60515bec86cdd8d0aea3112152b799610be3..aec27aaa1be1ebc2ed1f4aab26adfe6a2336fa28 100755 (executable)
--- a/2.3.0/base-css.html
+++ b/2.3.0/base-css.html
@@ -1877,11 +1877,11 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
          ================================================== -->
          <section id="icons">
            <div class="page-header">
-            <h1>Icons <small>by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+            <h1>Icons <small>by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
            </div>
  
            <h2>Icon glyphs</h2>
-          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a>.</p>
+          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a>.</p>
            <ul class="the-icons clearfix">
              <li><i class="icon-glass"></i> icon-glass</li>
              <li><i class="icon-music"></i> icon-music</li>
@@ -2030,7 +2030,7 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
            </ul>
  
            <h3>Glyphicons attribution</h3>
-          <p><a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever practical.</p>
+          <p><a href="https://www.glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="https://www.glyphicons.com/">Glyphicons</a> whenever practical.</p>
  
  
            <hr class="bs-docs-separator">
@@ -2179,11 +2179,11 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.0/components.html b/2.3.0/components.html

index a5529e0de82ece10219a910ddccca686940d943f..d0d0ff32ae18c8f0d606e9273c43c62d98549032 100755 (executable)
--- a/2.3.0/components.html
+++ b/2.3.0/components.html
@@ -2590,11 +2590,11 @@ class="clearfix"
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.0/customize.html b/2.3.0/customize.html

index 2c327928f5c2ae506a2c72fbf9c6df9524529a78..769c9a28030484d8e49b7c77214c2a0eb85c7d7c 100755 (executable)
--- a/2.3.0/customize.html
+++ b/2.3.0/customize.html
@@ -100,11 +100,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.0/extend.html b/2.3.0/extend.html

index 1dcee000bf0fcce92b9f4e5dd446ff24be68f63d..ed4c9ea4f3618cb6133cc0a2dbe58022083ddeac 100755 (executable)
--- a/2.3.0/extend.html
+++ b/2.3.0/extend.html
@@ -246,11 +246,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.0/getting-started.html b/2.3.0/getting-started.html

index e02e9633f82f1cd2055f310f108ad3247fd7d3f4..8f531ded59d0c65107741c42109e47833b3f949a 100755 (executable)
--- a/2.3.0/getting-started.html
+++ b/2.3.0/getting-started.html
@@ -163,13 +163,13 @@
            <div class="page-header">
              <h1>3. What's included</h1>
            </div>
-          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="http://getbootstrap.com">Bootstrap documentation</a>.</p>
+          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="https://getbootstrap.com/">Bootstrap documentation</a>.</p>
  
            <h2>Docs sections</h2>
            <h4><a href="http://twitter.github.com/bootstrap/scaffolding.html">Scaffolding</a></h4>
            <p>Global styles for the body to reset type and background, link styles, grid system, and two simple layouts.</p>
            <h4><a href="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
-          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="http://glyphicons.com">Glyphicons</a>, a great little icon set.</p>
+          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="https://www.glyphicons.com/">Glyphicons</a>, a great little icon set.</p>
            <h4><a href="http://twitter.github.com/bootstrap/components.html">Components</a></h4>
            <p>Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more.</p>
            <h4><a href="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
@@ -341,11 +341,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.0/index.html b/2.3.0/index.html

index 481e1c1cfccc81ca0ca4496be2624fe8e380fd78..1a3835b98a7608df8a1f03203196015a554a59d7 100755 (executable)
--- a/2.3.0/index.html
+++ b/2.3.0/index.html
@@ -86,7 +86,7 @@
      </p>
      <ul class="masthead-links">
        <li>
-        <a href="http://github.com/twitter/bootstrap" >GitHub project</a>
+        <a href="https://github.com/twitter/bootstrap" >GitHub project</a>
        </li>
        <li>
          <a href="./getting-started.html#examples" >Examples</a>
@@ -132,7 +132,7 @@
        <div class="span4">
          <img class="marketing-img" src="assets/img/bs-docs-twitter-github.png">
          <h2>By nerds, for nerds.</h2>
-        <p>Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
+        <p>Built at Twitter by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="https://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
        </div>
        <div class="span4">
          <img class="marketing-img" src="assets/img/bs-docs-responsive-illustrations.png">
@@ -168,7 +168,7 @@
            </a>
          </li>
          <li class="span3">
-          <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+          <a class="thumbnail" href="https://jshint.com/" target="_blank">
              <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
            </a>
          </li>
@@ -185,11 +185,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.0/javascript.html b/2.3.0/javascript.html

index 0fbcf734854602e08c26d3d084450664898ec34a..a5784103763e1d10c23d4cf5037f3ad7a3d9da0a 100755 (executable)
--- a/2.3.0/javascript.html
+++ b/2.3.0/javascript.html
@@ -1744,11 +1744,11 @@ $('.carousel').carousel({
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.0/scaffolding.html b/2.3.0/scaffolding.html

index f9cee347a98bf2e1d1d84ce44f0c8402da43fa7d..a307c8cb36a9cd8626ac0f5e1ed307ab68eba826 100755 (executable)
--- a/2.3.0/scaffolding.html
+++ b/2.3.0/scaffolding.html
@@ -132,7 +132,7 @@
            <p>These styles can be found within <strong>scaffolding.less</strong>.</p>
  
            <h3>Reset via Normalize</h3>
-          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal" target="_blank">Jonathan Neal</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
+          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="https://twitter.com/jon_neal" target="_blank">Jonathan Neal</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
  
          </section>
  
@@ -566,11 +566,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.1/base-css.html b/2.3.1/base-css.html

index 2b1d60515bec86cdd8d0aea3112152b799610be3..aec27aaa1be1ebc2ed1f4aab26adfe6a2336fa28 100755 (executable)
--- a/2.3.1/base-css.html
+++ b/2.3.1/base-css.html
@@ -1877,11 +1877,11 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
          ================================================== -->
          <section id="icons">
            <div class="page-header">
-            <h1>Icons <small>by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+            <h1>Icons <small>by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
            </div>
  
            <h2>Icon glyphs</h2>
-          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a>.</p>
+          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a>.</p>
            <ul class="the-icons clearfix">
              <li><i class="icon-glass"></i> icon-glass</li>
              <li><i class="icon-music"></i> icon-music</li>
@@ -2030,7 +2030,7 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
            </ul>
  
            <h3>Glyphicons attribution</h3>
-          <p><a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever practical.</p>
+          <p><a href="https://www.glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="https://www.glyphicons.com/">Glyphicons</a> whenever practical.</p>
  
  
            <hr class="bs-docs-separator">
@@ -2179,11 +2179,11 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.1/components.html b/2.3.1/components.html

index a5529e0de82ece10219a910ddccca686940d943f..d0d0ff32ae18c8f0d606e9273c43c62d98549032 100755 (executable)
--- a/2.3.1/components.html
+++ b/2.3.1/components.html
@@ -2590,11 +2590,11 @@ class="clearfix"
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.1/customize.html b/2.3.1/customize.html

index 2c327928f5c2ae506a2c72fbf9c6df9524529a78..769c9a28030484d8e49b7c77214c2a0eb85c7d7c 100755 (executable)
--- a/2.3.1/customize.html
+++ b/2.3.1/customize.html
@@ -100,11 +100,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.1/extend.html b/2.3.1/extend.html

index 664ff4b5251b423b3ff3f2457d9c5e559fcca5c9..c14e5b85cfb957523bb6fbc8557dbb0a5effe610 100755 (executable)
--- a/2.3.1/extend.html
+++ b/2.3.1/extend.html
@@ -245,11 +245,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.1/getting-started.html b/2.3.1/getting-started.html

index e02e9633f82f1cd2055f310f108ad3247fd7d3f4..8f531ded59d0c65107741c42109e47833b3f949a 100755 (executable)
--- a/2.3.1/getting-started.html
+++ b/2.3.1/getting-started.html
@@ -163,13 +163,13 @@
            <div class="page-header">
              <h1>3. What's included</h1>
            </div>
-          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="http://getbootstrap.com">Bootstrap documentation</a>.</p>
+          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="https://getbootstrap.com/">Bootstrap documentation</a>.</p>
  
            <h2>Docs sections</h2>
            <h4><a href="http://twitter.github.com/bootstrap/scaffolding.html">Scaffolding</a></h4>
            <p>Global styles for the body to reset type and background, link styles, grid system, and two simple layouts.</p>
            <h4><a href="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
-          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="http://glyphicons.com">Glyphicons</a>, a great little icon set.</p>
+          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="https://www.glyphicons.com/">Glyphicons</a>, a great little icon set.</p>
            <h4><a href="http://twitter.github.com/bootstrap/components.html">Components</a></h4>
            <p>Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more.</p>
            <h4><a href="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
@@ -341,11 +341,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.1/index.html b/2.3.1/index.html

index 1361c171c5b69a06b3e045d78e548ab853f3e2ef..9955fe7aa77b39ee3cbbf7209f87c71739b0336b 100755 (executable)
--- a/2.3.1/index.html
+++ b/2.3.1/index.html
@@ -86,7 +86,7 @@
      </p>
      <ul class="masthead-links">
        <li>
-        <a href="http://github.com/twitter/bootstrap" >GitHub project</a>
+        <a href="https://github.com/twitter/bootstrap" >GitHub project</a>
        </li>
        <li>
          <a href="./getting-started.html#examples" >Examples</a>
@@ -132,7 +132,7 @@
        <div class="span4">
          <img class="marketing-img" src="assets/img/bs-docs-twitter-github.png">
          <h2>By nerds, for nerds.</h2>
-        <p>Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
+        <p>Built at Twitter by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="https://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
        </div>
        <div class="span4">
          <img class="marketing-img" src="assets/img/bs-docs-responsive-illustrations.png">
@@ -168,7 +168,7 @@
            </a>
          </li>
          <li class="span3">
-          <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+          <a class="thumbnail" href="https://jshint.com/" target="_blank">
              <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
            </a>
          </li>
@@ -185,11 +185,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.1/javascript.html b/2.3.1/javascript.html

index 0fbcf734854602e08c26d3d084450664898ec34a..a5784103763e1d10c23d4cf5037f3ad7a3d9da0a 100755 (executable)
--- a/2.3.1/javascript.html
+++ b/2.3.1/javascript.html
@@ -1744,11 +1744,11 @@ $('.carousel').carousel({
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.1/scaffolding.html b/2.3.1/scaffolding.html

index f9cee347a98bf2e1d1d84ce44f0c8402da43fa7d..a307c8cb36a9cd8626ac0f5e1ed307ab68eba826 100755 (executable)
--- a/2.3.1/scaffolding.html
+++ b/2.3.1/scaffolding.html
@@ -132,7 +132,7 @@
            <p>These styles can be found within <strong>scaffolding.less</strong>.</p>
  
            <h3>Reset via Normalize</h3>
-          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal" target="_blank">Jonathan Neal</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
+          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="https://twitter.com/jon_neal" target="_blank">Jonathan Neal</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
  
          </section>
  
@@ -566,11 +566,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.2/base-css.html b/2.3.2/base-css.html

index e6fbe88f4f32c4129dd3fb108e4a1f89881ab7ff..95407023142becaa8f9c9a9652c4f147ebd5339d 100644 (file)
--- a/2.3.2/base-css.html
+++ b/2.3.2/base-css.html
@@ -91,7 +91,7 @@
    <div class="container">
  
      <div class="alert alert-danger bs-alert-old-docs">
-      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="http://getbootstrap.com/css/">Check out the latest version of Bootstrap!</a>
+      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="https://getbootstrap.com/css/">Check out the latest version of Bootstrap!</a>
      </div>
  
      <!-- Docs nav
@@ -1881,11 +1881,11 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
          ================================================== -->
          <section id="icons">
            <div class="page-header">
-            <h1>Icons <small>by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
+            <h1>Icons <small>by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a></small></h1>
            </div>
  
            <h2>Icon glyphs</h2>
-          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a>.</p>
+          <p>140 icons in sprite form, available in dark gray (default) and white, provided by <a href="https://www.glyphicons.com/" target="_blank">Glyphicons</a>.</p>
            <ul class="the-icons clearfix">
              <li><i class="icon-glass"></i> icon-glass</li>
              <li><i class="icon-music"></i> icon-music</li>
@@ -2034,7 +2034,7 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
            </ul>
  
            <h3>Glyphicons attribution</h3>
-          <p><a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever practical.</p>
+          <p><a href="https://www.glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to <a href="https://www.glyphicons.com/">Glyphicons</a> whenever practical.</p>
  
  
            <hr class="bs-docs-separator">
@@ -2183,11 +2183,11 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.2/components.html b/2.3.2/components.html

index ff4b2af0c70cd4e751b18ff6bcbfaa3274d15071..a497c2eddbedacfb98cb82a1044feeaccb8e3fc8 100644 (file)
--- a/2.3.2/components.html
+++ b/2.3.2/components.html
@@ -91,7 +91,7 @@
    <div class="container">
  
      <div class="alert alert-danger bs-alert-old-docs">
-      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="http://getbootstrap.com/components/">Check out the latest version of Bootstrap!</a>
+      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="https://getbootstrap.com/components/">Check out the latest version of Bootstrap!</a>
      </div>
  
      <!-- Docs nav
@@ -2594,11 +2594,11 @@ class="clearfix"
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.2/customize.html b/2.3.2/customize.html

index 843c9e751e40c1a9a8c2b19f5d1187c622c8e31b..9eb567694d1cc38ecc20089f0f9ddf6978f92bd0 100644 (file)
--- a/2.3.2/customize.html
+++ b/2.3.2/customize.html
@@ -101,11 +101,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.2/extend.html b/2.3.2/extend.html

index adfe613f3528a0ae94ce79dcbc410e0eb86deb29..bdf29ba736467fc11f28fac38444a9938080642d 100644 (file)
--- a/2.3.2/extend.html
+++ b/2.3.2/extend.html
@@ -89,7 +89,7 @@
    <div class="container">
  
      <div class="alert alert-danger bs-alert-old-docs">
-      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="http://getbootstrap.com">Check out the latest version of Bootstrap!</a>
+      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="https://getbootstrap.com/">Check out the latest version of Bootstrap!</a>
      </div>
  
      <!-- Docs nav
@@ -249,11 +249,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.2/getting-started.html b/2.3.2/getting-started.html

index a1a1bbf50b24a792165bb556042bee8c46c74e93..46ff8ab987b936161aadfe4bc097bfaf35fd9cc3 100644 (file)
--- a/2.3.2/getting-started.html
+++ b/2.3.2/getting-started.html
@@ -91,7 +91,7 @@
    <div class="container">
  
      <div class="alert alert-danger bs-alert-old-docs">
-      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="http://getbootstrap.com/getting-started/">Check out the latest version of Bootstrap!</a>
+      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="https://getbootstrap.com/getting-started/">Check out the latest version of Bootstrap!</a>
      </div>
  
      <!-- Docs nav
@@ -167,13 +167,13 @@
            <div class="page-header">
              <h1>3. What's included</h1>
            </div>
-          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="http://getbootstrap.com">Bootstrap documentation</a>.</p>
+          <p class="lead">Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the <a href="https://getbootstrap.com/">Bootstrap documentation</a>.</p>
  
            <h2>Docs sections</h2>
            <h4><a href="./scaffolding.html">Scaffolding</a></h4>
            <p>Global styles for the body to reset type and background, link styles, grid system, and two simple layouts.</p>
            <h4><a href="./base-css.html">Base CSS</a></h4>
-          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="http://glyphicons.com">Glyphicons</a>, a great little icon set.</p>
+          <p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="https://www.glyphicons.com/">Glyphicons</a>, a great little icon set.</p>
            <h4><a href="./components.html">Components</a></h4>
            <p>Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more.</p>
            <h4><a href="./javascript.html">JavaScript plugins</a></h4>
@@ -345,11 +345,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.2/index.html b/2.3.2/index.html

index 5611e8957dedf288ce282e3721c5045989918790..b1da66fedf9dc39d475ae0b358dd608116a4b432 100644 (file)
--- a/2.3.2/index.html
+++ b/2.3.2/index.html
@@ -125,7 +125,7 @@
  <div class="container">
  
    <div class="alert alert-danger bs-alert-old-docs">
-    <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="http://getbootstrap.com">Check out the latest version of Bootstrap!</a>
+    <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="https://getbootstrap.com/">Check out the latest version of Bootstrap!</a>
    </div>
  
    <div class="marketing">
@@ -137,7 +137,7 @@
        <div class="span4">
          <img class="marketing-img" src="assets/img/bs-docs-twitter-github.png">
          <h2>By nerds, for nerds.</h2>
-        <p>Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
+        <p>Built at Twitter by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="https://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
        </div>
        <div class="span4">
          <img class="marketing-img" src="assets/img/bs-docs-responsive-illustrations.png">
@@ -173,7 +173,7 @@
            </a>
          </li>
          <li class="span3">
-          <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
+          <a class="thumbnail" href="https://jshint.com/" target="_blank">
              <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
            </a>
          </li>
@@ -190,11 +190,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.2/javascript.html b/2.3.2/javascript.html

index 6a9a53841e0d4c1b7d594ab8c2c7217679907258..7a82603161e9f87c3ff60d6193b89837a412e85f 100644 (file)
--- a/2.3.2/javascript.html
+++ b/2.3.2/javascript.html
@@ -90,7 +90,7 @@
    <div class="container">
  
      <div class="alert alert-danger bs-alert-old-docs">
-      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="http://getbootstrap.com/javascript/">Check out the latest version of Bootstrap!</a>
+      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="https://getbootstrap.com/javascript/">Check out the latest version of Bootstrap!</a>
      </div>
  
      <!-- Docs nav
@@ -1747,11 +1747,11 @@ $('.carousel').carousel({
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/2.3.2/scaffolding.html b/2.3.2/scaffolding.html

index 8aa2cff35937715ffae90f9a8c697c75a98d9b7b..107de78fcfe8e012affe28a8a39453dcc6ca9c35 100644 (file)
--- a/2.3.2/scaffolding.html
+++ b/2.3.2/scaffolding.html
@@ -90,7 +90,7 @@
    <div class="container">
  
      <div class="alert alert-danger bs-alert-old-docs">
-      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="http://getbootstrap.com/css/">Check out the latest version of Bootstrap!</a>
+      <strong>Heads up!</strong> These docs are for v2.3.2, which is no longer officially supported. <a href="https://getbootstrap.com/css/">Check out the latest version of Bootstrap!</a>
      </div>
  
      <!-- Docs nav
@@ -136,7 +136,7 @@
            <p>These styles can be found within <strong>scaffolding.less</strong>.</p>
  
            <h3>Reset via Normalize</h3>
-          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal" target="_blank">Jonathan Neal</a> that also powers the <a href="http://html5boilerplate.com" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
+          <p>With Bootstrap 2, the old reset block has been dropped in favor of <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a>, a project by <a href="https://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="https://twitter.com/jon_neal" target="_blank">Jonathan Neal</a> that also powers the <a href="https://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a>. While we use much of Normalize within our <strong>reset.less</strong>, we have removed some elements specifically for Bootstrap.</p>
  
          </section>
  
@@ -570,11 +570,11 @@
      ================================================== -->
      <footer class="footer">
        <div class="container">
-        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
-        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
-        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="https://www.glyphicons.com/">Glyphicons Free</a> licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
          <ul class="footer-links">
-          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li><a href="https://blog.getbootstrap.com/">Blog</a></li>
            <li class="muted">&middot;</li>
            <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
            <li class="muted">&middot;</li>
diff --git a/docs/3.3/about/index.html b/docs/3.3/about/index.html

index 187705c0a03e0a924e068b2b2e35decc014a4446..a28ac9b1aa3249cb716c4dc78f1214490b34cda7 100644 (file)
--- a/docs/3.3/about/index.html
+++ b/docs/3.3/about/index.html
@@ -1 +1 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> About &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=http://themes.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>About</h1> <p>Learn about the project's history, meet the maintaining teams, and find out how to use the Bootstrap brand.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=history>History</h1> <p class=lead>Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.</p> <p>Bootstrap was created at Twitter in mid-2010 by <a href=https://twitter.com/mdo>@mdo</a> and <a href=https://twitter.com/fat>@fat</a>. Prior to being an open-sourced framework, Bootstrap was known as <em>Twitter Blueprint</em>. A few months into development, Twitter held its <a href=https://blog.twitter.com/2010/hack-week>first Hack Week</a> and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.</p> <p>Originally <a href=https://blog.twitter.com/2011/bootstrap-twitter>released</a> on Friday, August 19, 2011, we've since had over <a href=https://github.com/twbs/bootstrap/releases>twenty releases</a>, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=team>Team</h1> <p class=lead>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p> <h2 id=team-core>Core team</h2> <div class="bs-team list-group"> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=mdo&amp;type=follow"></iframe> <a href=https://github.com/mdo class=team-member> <img alt="@mdo avatar" height=32 src="https://secure.gravatar.com/avatar/bc4ab438f7a4ce1c406aadc688427f2c.jpg?s=32" width=32> <strong>Mark Otto</strong> <small>@mdo</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=fat&amp;type=follow"></iframe> <a href=https://github.com/fat class=team-member> <img alt="@fat avatar" height=32 src="https://secure.gravatar.com/avatar/a98244cbdacaf1c0b55499466002f7a8.jpg?s=32" width=32> <strong>Jacob Thornton</strong> <small>@fat</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=cvrebert&amp;type=follow"></iframe> <a href=https://github.com/cvrebert class=team-member> <img alt="@cvrebert avatar" height=32 src="https://secure.gravatar.com/avatar/edec428c425453955f770095a7d26c50.jpg?s=32" width=32> <strong>Chris Rebert</strong> <small>@cvrebert</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=juthilo&amp;type=follow"></iframe> <a href=https://github.com/juthilo class=team-member> <img alt="@juthilo avatar" height=32 src="https://secure.gravatar.com/avatar/0f7dd3ce58a416be5685ea6194f82b11.jpg?s=32" width=32> <strong>Julian Thilo</strong> <small>@juthilo</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=xhmikosr&amp;type=follow"></iframe> <a href=https://github.com/xhmikosr class=team-member> <img alt="@xhmikosr avatar" height=32 src="https://secure.gravatar.com/avatar/e37759b1ea0125d4e97b1e00b5eed26f.jpg?s=32" width=32> <strong>XhmikosR</strong> <small>@xhmikosr</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=hnrch02&amp;type=follow"></iframe> <a href=https://github.com/hnrch02 class=team-member> <img alt="@hnrch02 avatar" height=32 src="https://secure.gravatar.com/avatar/0d53f5d3d3d28bd470f394d98f7ef48f.jpg?s=32" width=32> <strong>Heinrich Fenkart</strong> <small>@hnrch02</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=patrickhlauke&amp;type=follow"></iframe> <a href=https://github.com/patrickhlauke class=team-member> <img alt="@patrickhlauke avatar" height=32 src="https://secure.gravatar.com/avatar/357f279672db832fc41a5a2f36559fcb.jpg?s=32" width=32> <strong>Patrick H. Lauke</strong> <small>@patrickhlauke</small> </a> </div> </div> <p>Get involved with Bootstrap development by <a href=https://github.com/twbs/bootstrap/issues/new>opening an issue</a> or submitting a pull request. Read our <a href=https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md>contributing guidelines</a> for information on how we develop.</p> <h2 id=team-sass>Sass team</h2> <div class="bs-team list-group"> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=thomas-mcdonald&amp;type=follow"></iframe> <a href=https://github.com/thomas-mcdonald class=team-member> <img alt="@thomas-mcdonald avatar" height=32 src="https://secure.gravatar.com/avatar/24cd55ab1a62ffb113ab8c02f64c9301.jpg?s=32" width=32> <strong>Thomas McDonald</strong> <small>@thomas-mcdonald</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=glebm&amp;type=follow"></iframe> <a href=https://github.com/glebm class=team-member> <img alt="@glebm avatar" height=32 src="https://secure.gravatar.com/avatar/729f685b8e8d7e9feed18c177c82e59b.jpg?s=32" width=32> <strong>Gleb Mazovetskiy</strong> <small>@glebm</small> </a> </div> </div> <p>The <a href=https://github.com/twbs/bootstrap-sass>official Sass port of Bootstrap</a> was created and is maintained by this team. It became part of Bootstrap's organization with v3.1.0. Read the Sass <a href=https://github.com/twbs/bootstrap-sass/blob/master/CONTRIBUTING.md>contributing guidelines</a> for information on how the Sass port is developed.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=brand>Brand guidelines</h1> <p class=lead>Have a need for Bootstrap's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp's <a href=http://mailchimp.com/about/brand-assets/ target=_blank>Brand Assets</a>.</p> <h2>Mark and logo</h2> <p>Use either the Bootstrap mark (a capital <strong>B</strong>) or the standard logo (just <strong>Bootstrap</strong>). It should always appear in Helvetica Neue Bold. <strong>Do not use the Twitter bird</strong> in association with Bootstrap.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <div class="bs-docs-booticon bs-docs-booticon-lg">B</div> </div> <div class="bs-brand-item inverse"> <div class="bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-inverse">B</div> </div> </div> <div class=bs-brand-logos> <div class=bs-brand-item> <h1>Bootstrap</h1> </div> <div class="bs-brand-item inverse"> <h1>Bootstrap</h1> </div> </div> <h2>Download mark</h2> <p>Download the Bootstrap mark in one of three styles, each available as an SVG file. Right click, Save as.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-solid.svg width=144 class=svg> </div> <div class="bs-brand-item inverse"> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-outline.svg width=144 class=svg> </div> <div class="bs-brand-item inverse"> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-punchout.svg width=144 class=svg> </div> </div> <h2>Name</h2> <p>The project and framework should always be referred to as <strong>Bootstrap</strong>. No Twitter before it, no capital <em>s</em>, and no abbreviations except for one, a capital <strong>B</strong>.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <h3>Bootstrap</h3> <span class="glyphicon glyphicon-ok" aria-hidden=true></span> <span class=sr-only>(correct)</span> </div> <div class=bs-brand-item> <h3 class=text-muted>BootStrap</h3> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=sr-only>(incorrect)</span> </div> <div class=bs-brand-item> <h3 class=text-muted>Twitter Bootstrap</h3> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=sr-only>(incorrect)</span> </div> </div> <h2>Colors</h2> <p>Our docs and branding use a handful of primary colors to differentiate what <em>is</em> Bootstrap from what <em>is in</em> Bootstrap. In other words, if it's purple, it's representative of Bootstrap.</p> <div class=bs-brand> <div class=color-swatches> <div class="color-swatch bs-purple"></div> <div class="color-swatch bs-purple-light"></div> <div class="color-swatch bs-purple-lighter"></div> <div class="color-swatch bs-gray"></div> </div> </div> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#history>History</a> </li> <li> <a href=#team>Team</a> </li> <li> <a href=#brand>Brand guidelines</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo target=_blank>@mdo</a> and <a href=https://twitter.com/fat target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank rel=license>MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel=license>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> <script>var _gauges=_gauges||[];!function(){var e=document.createElement("script");e.async=!0,e.id="gauges-tracker",e.setAttribute("data-site-id","4f0dc9fef5a1f55508000013"),e.src="//secure.gaug.es/track.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script>
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> About &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>About</h1> <p>Learn about the project's history, meet the maintaining teams, and find out how to use the Bootstrap brand.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=history>History</h1> <p class=lead>Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.</p> <p>Bootstrap was created at Twitter in mid-2010 by <a href=https://twitter.com/mdo>@mdo</a> and <a href=https://twitter.com/fat>@fat</a>. Prior to being an open-sourced framework, Bootstrap was known as <em>Twitter Blueprint</em>. A few months into development, Twitter held its <a href=https://blog.twitter.com/2010/hack-week>first Hack Week</a> and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.</p> <p>Originally <a href=https://blog.twitter.com/2011/bootstrap-twitter>released</a> on Friday, August 19, 2011, we've since had over <a href=https://github.com/twbs/bootstrap/releases>twenty releases</a>, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=team>Team</h1> <p class=lead>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p> <h2 id=team-core>Core team</h2> <div class="bs-team list-group"> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=mdo&amp;type=follow"></iframe> <a href=https://github.com/mdo class=team-member> <img alt="@mdo avatar" height=32 src="https://secure.gravatar.com/avatar/bc4ab438f7a4ce1c406aadc688427f2c.jpg?s=32" width=32> <strong>Mark Otto</strong> <small>@mdo</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=fat&amp;type=follow"></iframe> <a href=https://github.com/fat class=team-member> <img alt="@fat avatar" height=32 src="https://secure.gravatar.com/avatar/a98244cbdacaf1c0b55499466002f7a8.jpg?s=32" width=32> <strong>Jacob Thornton</strong> <small>@fat</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=cvrebert&amp;type=follow"></iframe> <a href=https://github.com/cvrebert class=team-member> <img alt="@cvrebert avatar" height=32 src="https://secure.gravatar.com/avatar/edec428c425453955f770095a7d26c50.jpg?s=32" width=32> <strong>Chris Rebert</strong> <small>@cvrebert</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=juthilo&amp;type=follow"></iframe> <a href=https://github.com/juthilo class=team-member> <img alt="@juthilo avatar" height=32 src="https://secure.gravatar.com/avatar/0f7dd3ce58a416be5685ea6194f82b11.jpg?s=32" width=32> <strong>Julian Thilo</strong> <small>@juthilo</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=xhmikosr&amp;type=follow"></iframe> <a href=https://github.com/xhmikosr class=team-member> <img alt="@xhmikosr avatar" height=32 src="https://secure.gravatar.com/avatar/e37759b1ea0125d4e97b1e00b5eed26f.jpg?s=32" width=32> <strong>XhmikosR</strong> <small>@xhmikosr</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=hnrch02&amp;type=follow"></iframe> <a href=https://github.com/hnrch02 class=team-member> <img alt="@hnrch02 avatar" height=32 src="https://secure.gravatar.com/avatar/0d53f5d3d3d28bd470f394d98f7ef48f.jpg?s=32" width=32> <strong>Heinrich Fenkart</strong> <small>@hnrch02</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=patrickhlauke&amp;type=follow"></iframe> <a href=https://github.com/patrickhlauke class=team-member> <img alt="@patrickhlauke avatar" height=32 src="https://secure.gravatar.com/avatar/357f279672db832fc41a5a2f36559fcb.jpg?s=32" width=32> <strong>Patrick H. Lauke</strong> <small>@patrickhlauke</small> </a> </div> </div> <p>Get involved with Bootstrap development by <a href=https://github.com/twbs/bootstrap/issues/new>opening an issue</a> or submitting a pull request. Read our <a href=https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md>contributing guidelines</a> for information on how we develop.</p> <h2 id=team-sass>Sass team</h2> <div class="bs-team list-group"> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=thomas-mcdonald&amp;type=follow"></iframe> <a href=https://github.com/thomas-mcdonald class=team-member> <img alt="@thomas-mcdonald avatar" height=32 src="https://secure.gravatar.com/avatar/24cd55ab1a62ffb113ab8c02f64c9301.jpg?s=32" width=32> <strong>Thomas McDonald</strong> <small>@thomas-mcdonald</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=glebm&amp;type=follow"></iframe> <a href=https://github.com/glebm class=team-member> <img alt="@glebm avatar" height=32 src="https://secure.gravatar.com/avatar/729f685b8e8d7e9feed18c177c82e59b.jpg?s=32" width=32> <strong>Gleb Mazovetskiy</strong> <small>@glebm</small> </a> </div> </div> <p>The <a href=https://github.com/twbs/bootstrap-sass>official Sass port of Bootstrap</a> was created and is maintained by this team. It became part of Bootstrap's organization with v3.1.0. Read the Sass <a href=https://github.com/twbs/bootstrap-sass/blob/master/CONTRIBUTING.md>contributing guidelines</a> for information on how the Sass port is developed.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=brand>Brand guidelines</h1> <p class=lead>Have a need for Bootstrap's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp's <a href=http://mailchimp.com/about/brand-assets/ target=_blank>Brand Assets</a>.</p> <h2>Mark and logo</h2> <p>Use either the Bootstrap mark (a capital <strong>B</strong>) or the standard logo (just <strong>Bootstrap</strong>). It should always appear in Helvetica Neue Bold. <strong>Do not use the Twitter bird</strong> in association with Bootstrap.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <div class="bs-docs-booticon bs-docs-booticon-lg">B</div> </div> <div class="bs-brand-item inverse"> <div class="bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-inverse">B</div> </div> </div> <div class=bs-brand-logos> <div class=bs-brand-item> <h1>Bootstrap</h1> </div> <div class="bs-brand-item inverse"> <h1>Bootstrap</h1> </div> </div> <h2>Download mark</h2> <p>Download the Bootstrap mark in one of three styles, each available as an SVG file. Right click, Save as.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-solid.svg width=144 class=svg> </div> <div class="bs-brand-item inverse"> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-outline.svg width=144 class=svg> </div> <div class="bs-brand-item inverse"> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-punchout.svg width=144 class=svg> </div> </div> <h2>Name</h2> <p>The project and framework should always be referred to as <strong>Bootstrap</strong>. No Twitter before it, no capital <em>s</em>, and no abbreviations except for one, a capital <strong>B</strong>.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <h3>Bootstrap</h3> <span class="glyphicon glyphicon-ok" aria-hidden=true></span> <span class=sr-only>(correct)</span> </div> <div class=bs-brand-item> <h3 class=text-muted>BootStrap</h3> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=sr-only>(incorrect)</span> </div> <div class=bs-brand-item> <h3 class=text-muted>Twitter Bootstrap</h3> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=sr-only>(incorrect)</span> </div> </div> <h2>Colors</h2> <p>Our docs and branding use a handful of primary colors to differentiate what <em>is</em> Bootstrap from what <em>is in</em> Bootstrap. In other words, if it's purple, it's representative of Bootstrap.</p> <div class=bs-brand> <div class=color-swatches> <div class="color-swatch bs-purple"></div> <div class="color-swatch bs-purple-light"></div> <div class="color-swatch bs-purple-lighter"></div> <div class="color-swatch bs-gray"></div> </div> </div> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#history>History</a> </li> <li> <a href=#team>Team</a> </li> <li> <a href=#brand>Brand guidelines</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo target=_blank>@mdo</a> and <a href=https://twitter.com/fat target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank rel=license>MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel=license>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> <script>var _gauges=_gauges||[];!function(){var e=document.createElement("script");e.async=!0,e.id="gauges-tracker",e.setAttribute("data-site-id","4f0dc9fef5a1f55508000013"),e.src="//secure.gaug.es/track.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script>
diff --git a/docs/3.3/browser-bugs/index.html b/docs/3.3/browser-bugs/index.html

index cc6d9fc7bcb80a2f5c12bd98559afec0c141ee1c..cf5eb33641358689459aa4d98b77efbe46ac3ed7 100644 (file)
--- a/docs/3.3/browser-bugs/index.html
+++ b/docs/3.3/browser-bugs/index.html
@@ -1 +1 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Wall of browser bugs &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=http://themes.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Wall of browser bugs</h1> <p>A list of the browser bugs that Bootstrap is currently grappling with.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-12 role=main> <div class=bs-docs-section> <h1 class=page-header id=browser-bugs>Browser bugs</h1> <p class=lead>Bootstrap currently works around several outstanding browser bugs in major browsers to deliver the best cross-browser experience possible. Some bugs, like those listed below, cannot be solved by us.</p> <p>We publicly list browser bugs that are impacting us here, in the hopes of expediting the process of fixing them. For information on Bootstrap's browser compatibility, <a href=../getting-started/#support>see our browser compatibility docs</a>.</p> <p>See also:</p> <ul> <li><a href="https://code.google.com/p/chromium/issues/detail?id=536263">Chromium issue 536263: [meta] Issues affecting Bootstrap</a></li> <li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1230801">Mozilla bug 1230801: Fix the issues that affect Bootstrap</a></li> <li><a href="https://bugs.webkit.org/show_bug.cgi?id=159753">WebKit bug 159753: [meta] Issues affecting Bootstrap</a></li> <li><a href=https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o>jQuery's browser bug workarounds</a></li> </ul> <div class=table-responsive> <table class="bs-docs-browser-bugs table table-bordered table-hover"> <thead> <tr> <th>Browser(s)</th> <th>Summary of bug</th> <th>Upstream bug(s)</th> <th>Bootstrap issue(s)</th> </tr> </thead> <tbody> <tr> <td>Microsoft Edge </td> <td><p>Native browser tooltip for <code class=highlighter-rouge>title</code> shows on first keyboard focus (in addition to custom tooltip component)</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6793560>Edge issue #6793560</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18692>#18692</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Hovered element still remains in <code class=highlighter-rouge>:hover</code> state after scrolling away.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/5381673>Edge issue #5381673</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14211>#14211</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>When hovering over a <code class=highlighter-rouge>&lt;select&gt;</code> menu item, the cursor for the element underneath the menu is displayed.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/817822>Edge issue #817822</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14528>#14528</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>CSS <code class=highlighter-rouge>border-radius</code> sometimes causes lines of bleed-through of the <code class=highlighter-rouge>background-color</code> of the parent element.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3342037>Edge issue #3342037</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16671>#16671</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p><code class=highlighter-rouge>background</code> of <code class=highlighter-rouge>&lt;tr&gt;</code> is only applied to first child cell instead of all cells in the row</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/5865620>Edge issue #5865620</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18504>#18504</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p><code class=highlighter-rouge>@-ms-viewport{width: device-width;}</code> has side-effect of making scrollbars auto-hide</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7165383>Edge issue #7165383</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18543>#18543</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Background color from lower layer bleeds through transparent border in some cases</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6274505>Edge issue #6274505</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18228>#18228</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Hovering over descendant SVG element fires <code class=highlighter-rouge>mouseleave</code> event at ancestor</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7787318>Edge issue #7787318</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19670>#19670</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>.table-bordered</code> with an empty <code class=highlighter-rouge>&lt;tbody&gt;</code> is missing borders.</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1023761">Mozilla bug #1023761</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/13453>#13453</a> </td> </tr> <tr> <td>Firefox </td> <td><p>If the disabled state of a form control is changed via JavaScript, the normal state doesn’t return after refreshing the page.</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=654072">Mozilla bug #654072</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/793>#793</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>focus</code> events should not be fired at the <code class=highlighter-rouge>document</code> object</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1228802">Mozilla bug #1228802</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18365>#18365</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Wide floated table doesn’t wrap onto new line</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1277782">Mozilla bug #1277782</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19839>#19839</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Mouse sometimes not within element for purposes of <code class=highlighter-rouge>mouseenter</code>/<code class=highlighter-rouge>mouseleave</code> when it’s within SVG elements</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=577785">Mozilla bug #577785</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19670>#19670</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>position: absolute</code> element that’s wider than its column renders differently than other browsers</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1282363">Mozilla bug #1282363</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20161>#20161</a> </td> </tr> <tr> <td>Firefox (Windows) </td> <td><p>Right border of <code class=highlighter-rouge>&lt;select&gt;</code> menu is sometimes missing when screen is set to uncommon resolution</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=545685">Mozilla bug #545685</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/15990>#15990</a> </td> </tr> <tr> <td>Firefox (OS X & Linux) </td> <td><p>Badge widget causes bottom border of Tabs widget to unexpectedly not overlap</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1259972">Mozilla bug #1259972</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19626>#19626</a> </td> </tr> <tr> <td>Chrome (Android) </td> <td><p>Tapping on an <code class=highlighter-rouge>&lt;input&gt;</code> in a scrollable overlay doesn’t scroll the <code class=highlighter-rouge>&lt;input&gt;</code> into view</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=595210">Chromium issue #595210</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17338>#17338</a> </td> </tr> <tr> <td>Chrome (OS X) </td> <td><p>Clicking above <code class=highlighter-rouge>&lt;input type="number"&gt;</code> increment button flashes the decrement button.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=419108">Chromium issue #419108</a> </td> <td>Offshoot of <a href=https://github.com/twbs/bootstrap/issues/8350>#8350</a> & <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a> </td> </tr> <tr> <td>Chrome </td> <td><p>CSS infinite linear animation with alpha transparency leaks memory.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=429375">Chromium issue #429375</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14409>#14409</a> </td> </tr> <tr> <td>Chrome </td> <td><p><code class=highlighter-rouge>:focus</code> <code class=highlighter-rouge>outline</code> style causes cursor to not be displayed when toggling a <code class=highlighter-rouge>readonly</code> <code class=highlighter-rouge>&lt;input&gt;</code> to read-write.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=465274">Chromium issue #465274</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16022>#16022</a> </td> </tr> <tr> <td>Chrome </td> <td><p><code class=highlighter-rouge>table-cell</code> borders not overlapping despite <code class=highlighter-rouge>margin-right: -1px</code></p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=534750">Chromium issue #534750</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17438>#17438</a>, <a href=https://github.com/twbs/bootstrap/issues/14237>#14237</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Clicking scrollbar in <code class=highlighter-rouge>&lt;select multiple&gt;</code> with overflowed options will select nearby <code class=highlighter-rouge>&lt;option&gt;</code></p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=597642">Chromium issue #597642</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19810>#19810</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Don’t make <code class=highlighter-rouge>:hover</code> sticky on touch-friendly webpages</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=370155">Chromium issue #370155</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/12832>#12832</a> </td> </tr> <tr> <td>Chrome (Windows & Linux) </td> <td><p>Animation glitch when returning to inactive tab after animations occurred while tab was hidden.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=449180">Chromium issue #449180</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/15298>#15298</a> </td> </tr> <tr> <td>Safari </td> <td><p><code class=highlighter-rouge>rem</code> units in media queries should be calculated using <code class=highlighter-rouge>font-size: initial</code>, not the root element’s <code class=highlighter-rouge>font-size</code></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=156684">WebKit bug #156684</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17403>#17403</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p><code class=highlighter-rouge>px</code>, <code class=highlighter-rouge>em</code>, and <code class=highlighter-rouge>rem</code> should all behave the same in media queries when page zoom is applied</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=156687">WebKit bug #156687</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17403>#17403</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p>Weird button behavior with some <code class=highlighter-rouge>&lt;input type="number"&gt;</code> elements.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>, <a href=https://openradar.appspot.com/18834768>Apple Safari Radar #18834768</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/8350>#8350</a>, <a href=https://github.com/necolas/normalize.css/issues/283>Normalize #283</a>, <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p>Small font size when printing webpage with fixed-width <code class=highlighter-rouge>.container</code>.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>, <a href=https://openradar.appspot.com/19435018>Apple Safari Radar #19435018</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14868>#14868</a> </td> </tr> <tr> <td>Safari (iPad) </td> <td><p><code class=highlighter-rouge>&lt;select&gt;</code> menu on iPad causes shifting of hit-testing areas</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=150079">WebKit bug #150079</a>, <a href=https://openradar.appspot.com/23082521>Apple Safari Radar #23082521</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14975>#14975</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>transform: translate3d(0,0,0);</code> rendering bug.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>, <a href=https://openradar.appspot.com/18804973>Apple Safari Radar #18804973</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14603>#14603</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Text input’s cursor doesn’t move while scrolling the page.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>, <a href=https://openradar.appspot.com/18819624>Apple Safari Radar #18819624</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14708>#14708</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Can’t move cursor to start of text after entering long string of text into <code class=highlighter-rouge>&lt;input type="text"&gt;</code></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>, <a href=https://openradar.appspot.com/22299624>Apple Safari Radar #22299624</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16988>#16988</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>display: block</code> causes text of temporal <code class=highlighter-rouge>&lt;input&gt;</code>s to become vertically misaligned</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>, <a href=https://openradar.appspot.com/19434878>Apple Safari Radar #19434878</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/11266>#11266</a>, <a href=https://github.com/twbs/bootstrap/issues/13098>#13098</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping on <code class=highlighter-rouge>&lt;body&gt;</code> doesn’t fire <code class=highlighter-rouge>click</code> events</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=151933">WebKit bug #151933</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16028>#16028</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>position:fixed</code> is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153056">WebKit bug #153056</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18859>#18859</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping into an <code class=highlighter-rouge>&lt;input&gt;</code> within a <code class=highlighter-rouge>position:fixed</code> element scrolls to the top of the page</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>, <a href=https://openradar.appspot.com/24235301>Apple Safari Radar #24235301</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17497>#17497</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>&lt;body&gt;</code> with <code class=highlighter-rouge>overflow:hidden</code> CSS is scrollable on iOS</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153852">WebKit bug #153852</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14839>#14839</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Scroll gesture in text field in <code class=highlighter-rouge>position:fixed</code> element sometimes scrolls <code class=highlighter-rouge>&lt;body&gt;</code> instead of scrollable ancestor</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153856">WebKit bug #153856</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14839>#14839</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping from one <code class=highlighter-rouge>&lt;input&gt;</code> to another in an overlay can cause shaking/jiggling effect</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158276">WebKit bug #158276</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19927>#19927</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Modal with <code class=highlighter-rouge>-webkit-overflow-scrolling: touch</code> doesn’t become scrollable after added text makes it taller</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158342">WebKit bug #158342</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17695>#17695</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Don’t make <code class=highlighter-rouge>:hover</code> sticky on touch-friendly webpages</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158517">WebKit bug #158517</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/12832>#12832</a> </td> </tr> <tr> <td>Safari (iPad Pro) </td> <td><p>Rendering of descendants of <code class=highlighter-rouge>position: fixed</code> element gets clipped on iPad Pro in Landscape orientation</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>, <a href=https://openradar.appspot.com/24030853>Apple Safari Radar #24030853</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18738>#18738</a> </td> </tr> </tbody> </table> </div> </div> <div class=bs-docs-section> <h1 class=page-header id=most-wanted>Most wanted features</h1> <p class=lead>There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren't yet implemented in certain browsers, thus preventing us from taking advantage of them.</p> <p>We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.</p> <div class=table-responsive> <table class="bs-docs-browser-bugs table table-bordered table-hover"> <thead> <tr> <th>Browser(s)</th> <th>Summary of feature</th> <th>Upstream issue(s)</th> <th>Bootstrap issue(s)</th> </tr> </thead> <tbody> <tr> <td>Microsoft Edge </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href=https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/12299532>Edge UserVoice idea #12299532</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Implement <a href=http://html5please.com/#position:sticky>sticky positioning</a> from CSS Positioned Layout Level 3</p> </td> <td><a href=https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263621>Edge UserVoice idea #6263621</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17021>#17021</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Fire a <a href=https://developer.mozilla.org/en-US/docs/Web/Events/transitioncancel><code class=highlighter-rouge>transitioncancel</code> event</a> when a CSS transition is canceled</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1264125">Mozilla bug #1264125</a> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1182856">Mozilla bug #1182856</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Implement the <a href="http://caniuse.com/#feat=css-nth-child-of"><code class=highlighter-rouge>of &lt;selector-list&gt;</code> clause</a> of the <code class=highlighter-rouge>:nth-child()</code> pseudo-class</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=854148">Mozilla bug #854148</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20143>#20143</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Implement the HTML5 <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog><code class=highlighter-rouge>&lt;dialog&gt;</code> element</a></p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=840640">Mozilla bug #840640</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20175>#20175</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement the <a href="http://caniuse.com/#feat=css-nth-child-of"><code class=highlighter-rouge>of &lt;selector-list&gt;</code> clause</a> of the <code class=highlighter-rouge>:nth-child()</code> pseudo-class</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=304163">Chromium issue #304163</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20143>#20143</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=576815">Chromium issue #576815</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement <a href=http://html5please.com/#position:sticky>sticky positioning</a> from CSS Positioned Layout Level 3</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=231752">Chromium issue #231752</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17021>#17021</a> </td> </tr> <tr> <td>Safari </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=64861">WebKit bug #64861</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Safari </td> <td><p>Implement the HTML5 <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog><code class=highlighter-rouge>&lt;dialog&gt;</code> element</a></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=84635">WebKit bug #84635</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20175>#20175</a> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo target=_blank>@mdo</a> and <a href=https://twitter.com/fat target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank rel=license>MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel=license>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> <script>var _gauges=_gauges||[];!function(){var e=document.createElement("script");e.async=!0,e.id="gauges-tracker",e.setAttribute("data-site-id","4f0dc9fef5a1f55508000013"),e.src="//secure.gaug.es/track.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script> 
-\ No newline at end of file
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Wall of browser bugs &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Wall of browser bugs</h1> <p>A list of the browser bugs that Bootstrap is currently grappling with.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-12 role=main> <div class=bs-docs-section> <h1 class=page-header id=browser-bugs>Browser bugs</h1> <p class=lead>Bootstrap currently works around several outstanding browser bugs in major browsers to deliver the best cross-browser experience possible. Some bugs, like those listed below, cannot be solved by us.</p> <p>We publicly list browser bugs that are impacting us here, in the hopes of expediting the process of fixing them. For information on Bootstrap's browser compatibility, <a href=../getting-started/#support>see our browser compatibility docs</a>.</p> <p>See also:</p> <ul> <li><a href="https://code.google.com/p/chromium/issues/detail?id=536263">Chromium issue 536263: [meta] Issues affecting Bootstrap</a></li> <li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1230801">Mozilla bug 1230801: Fix the issues that affect Bootstrap</a></li> <li><a href="https://bugs.webkit.org/show_bug.cgi?id=159753">WebKit bug 159753: [meta] Issues affecting Bootstrap</a></li> <li><a href=https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o>jQuery's browser bug workarounds</a></li> </ul> <div class=table-responsive> <table class="bs-docs-browser-bugs table table-bordered table-hover"> <thead> <tr> <th>Browser(s)</th> <th>Summary of bug</th> <th>Upstream bug(s)</th> <th>Bootstrap issue(s)</th> </tr> </thead> <tbody> <tr> <td>Microsoft Edge </td> <td><p>Native browser tooltip for <code class=highlighter-rouge>title</code> shows on first keyboard focus (in addition to custom tooltip component)</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6793560>Edge issue #6793560</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18692>#18692</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Hovered element still remains in <code class=highlighter-rouge>:hover</code> state after scrolling away.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/5381673>Edge issue #5381673</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14211>#14211</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>When hovering over a <code class=highlighter-rouge>&lt;select&gt;</code> menu item, the cursor for the element underneath the menu is displayed.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/817822>Edge issue #817822</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14528>#14528</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>CSS <code class=highlighter-rouge>border-radius</code> sometimes causes lines of bleed-through of the <code class=highlighter-rouge>background-color</code> of the parent element.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3342037>Edge issue #3342037</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16671>#16671</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p><code class=highlighter-rouge>background</code> of <code class=highlighter-rouge>&lt;tr&gt;</code> is only applied to first child cell instead of all cells in the row</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/5865620>Edge issue #5865620</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18504>#18504</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p><code class=highlighter-rouge>@-ms-viewport{width: device-width;}</code> has side-effect of making scrollbars auto-hide</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7165383>Edge issue #7165383</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18543>#18543</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Background color from lower layer bleeds through transparent border in some cases</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6274505>Edge issue #6274505</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18228>#18228</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Hovering over descendant SVG element fires <code class=highlighter-rouge>mouseleave</code> event at ancestor</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7787318>Edge issue #7787318</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19670>#19670</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>.table-bordered</code> with an empty <code class=highlighter-rouge>&lt;tbody&gt;</code> is missing borders.</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1023761">Mozilla bug #1023761</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/13453>#13453</a> </td> </tr> <tr> <td>Firefox </td> <td><p>If the disabled state of a form control is changed via JavaScript, the normal state doesn’t return after refreshing the page.</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=654072">Mozilla bug #654072</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/793>#793</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>focus</code> events should not be fired at the <code class=highlighter-rouge>document</code> object</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1228802">Mozilla bug #1228802</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18365>#18365</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Wide floated table doesn’t wrap onto new line</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1277782">Mozilla bug #1277782</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19839>#19839</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Mouse sometimes not within element for purposes of <code class=highlighter-rouge>mouseenter</code>/<code class=highlighter-rouge>mouseleave</code> when it’s within SVG elements</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=577785">Mozilla bug #577785</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19670>#19670</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>position: absolute</code> element that’s wider than its column renders differently than other browsers</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1282363">Mozilla bug #1282363</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20161>#20161</a> </td> </tr> <tr> <td>Firefox (Windows) </td> <td><p>Right border of <code class=highlighter-rouge>&lt;select&gt;</code> menu is sometimes missing when screen is set to uncommon resolution</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=545685">Mozilla bug #545685</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/15990>#15990</a> </td> </tr> <tr> <td>Firefox (OS X & Linux) </td> <td><p>Badge widget causes bottom border of Tabs widget to unexpectedly not overlap</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1259972">Mozilla bug #1259972</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19626>#19626</a> </td> </tr> <tr> <td>Chrome (Android) </td> <td><p>Tapping on an <code class=highlighter-rouge>&lt;input&gt;</code> in a scrollable overlay doesn’t scroll the <code class=highlighter-rouge>&lt;input&gt;</code> into view</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=595210">Chromium issue #595210</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17338>#17338</a> </td> </tr> <tr> <td>Chrome (OS X) </td> <td><p>Clicking above <code class=highlighter-rouge>&lt;input type="number"&gt;</code> increment button flashes the decrement button.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=419108">Chromium issue #419108</a> </td> <td>Offshoot of <a href=https://github.com/twbs/bootstrap/issues/8350>#8350</a> & <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a> </td> </tr> <tr> <td>Chrome </td> <td><p>CSS infinite linear animation with alpha transparency leaks memory.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=429375">Chromium issue #429375</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14409>#14409</a> </td> </tr> <tr> <td>Chrome </td> <td><p><code class=highlighter-rouge>:focus</code> <code class=highlighter-rouge>outline</code> style causes cursor to not be displayed when toggling a <code class=highlighter-rouge>readonly</code> <code class=highlighter-rouge>&lt;input&gt;</code> to read-write.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=465274">Chromium issue #465274</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16022>#16022</a> </td> </tr> <tr> <td>Chrome </td> <td><p><code class=highlighter-rouge>table-cell</code> borders not overlapping despite <code class=highlighter-rouge>margin-right: -1px</code></p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=534750">Chromium issue #534750</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17438>#17438</a>, <a href=https://github.com/twbs/bootstrap/issues/14237>#14237</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Clicking scrollbar in <code class=highlighter-rouge>&lt;select multiple&gt;</code> with overflowed options will select nearby <code class=highlighter-rouge>&lt;option&gt;</code></p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=597642">Chromium issue #597642</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19810>#19810</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Don’t make <code class=highlighter-rouge>:hover</code> sticky on touch-friendly webpages</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=370155">Chromium issue #370155</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/12832>#12832</a> </td> </tr> <tr> <td>Chrome (Windows & Linux) </td> <td><p>Animation glitch when returning to inactive tab after animations occurred while tab was hidden.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=449180">Chromium issue #449180</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/15298>#15298</a> </td> </tr> <tr> <td>Safari </td> <td><p><code class=highlighter-rouge>rem</code> units in media queries should be calculated using <code class=highlighter-rouge>font-size: initial</code>, not the root element’s <code class=highlighter-rouge>font-size</code></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=156684">WebKit bug #156684</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17403>#17403</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p><code class=highlighter-rouge>px</code>, <code class=highlighter-rouge>em</code>, and <code class=highlighter-rouge>rem</code> should all behave the same in media queries when page zoom is applied</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=156687">WebKit bug #156687</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17403>#17403</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p>Weird button behavior with some <code class=highlighter-rouge>&lt;input type="number"&gt;</code> elements.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>, <a href=https://openradar.appspot.com/18834768>Apple Safari Radar #18834768</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/8350>#8350</a>, <a href=https://github.com/necolas/normalize.css/issues/283>Normalize #283</a>, <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p>Small font size when printing webpage with fixed-width <code class=highlighter-rouge>.container</code>.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>, <a href=https://openradar.appspot.com/19435018>Apple Safari Radar #19435018</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14868>#14868</a> </td> </tr> <tr> <td>Safari (iPad) </td> <td><p><code class=highlighter-rouge>&lt;select&gt;</code> menu on iPad causes shifting of hit-testing areas</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=150079">WebKit bug #150079</a>, <a href=https://openradar.appspot.com/23082521>Apple Safari Radar #23082521</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14975>#14975</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>transform: translate3d(0,0,0);</code> rendering bug.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>, <a href=https://openradar.appspot.com/18804973>Apple Safari Radar #18804973</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14603>#14603</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Text input’s cursor doesn’t move while scrolling the page.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>, <a href=https://openradar.appspot.com/18819624>Apple Safari Radar #18819624</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14708>#14708</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Can’t move cursor to start of text after entering long string of text into <code class=highlighter-rouge>&lt;input type="text"&gt;</code></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>, <a href=https://openradar.appspot.com/22299624>Apple Safari Radar #22299624</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16988>#16988</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>display: block</code> causes text of temporal <code class=highlighter-rouge>&lt;input&gt;</code>s to become vertically misaligned</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>, <a href=https://openradar.appspot.com/19434878>Apple Safari Radar #19434878</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/11266>#11266</a>, <a href=https://github.com/twbs/bootstrap/issues/13098>#13098</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping on <code class=highlighter-rouge>&lt;body&gt;</code> doesn’t fire <code class=highlighter-rouge>click</code> events</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=151933">WebKit bug #151933</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16028>#16028</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>position:fixed</code> is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153056">WebKit bug #153056</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18859>#18859</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping into an <code class=highlighter-rouge>&lt;input&gt;</code> within a <code class=highlighter-rouge>position:fixed</code> element scrolls to the top of the page</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>, <a href=https://openradar.appspot.com/24235301>Apple Safari Radar #24235301</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17497>#17497</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>&lt;body&gt;</code> with <code class=highlighter-rouge>overflow:hidden</code> CSS is scrollable on iOS</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153852">WebKit bug #153852</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14839>#14839</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Scroll gesture in text field in <code class=highlighter-rouge>position:fixed</code> element sometimes scrolls <code class=highlighter-rouge>&lt;body&gt;</code> instead of scrollable ancestor</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153856">WebKit bug #153856</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14839>#14839</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping from one <code class=highlighter-rouge>&lt;input&gt;</code> to another in an overlay can cause shaking/jiggling effect</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158276">WebKit bug #158276</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19927>#19927</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Modal with <code class=highlighter-rouge>-webkit-overflow-scrolling: touch</code> doesn’t become scrollable after added text makes it taller</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158342">WebKit bug #158342</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17695>#17695</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Don’t make <code class=highlighter-rouge>:hover</code> sticky on touch-friendly webpages</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158517">WebKit bug #158517</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/12832>#12832</a> </td> </tr> <tr> <td>Safari (iPad Pro) </td> <td><p>Rendering of descendants of <code class=highlighter-rouge>position: fixed</code> element gets clipped on iPad Pro in Landscape orientation</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>, <a href=https://openradar.appspot.com/24030853>Apple Safari Radar #24030853</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18738>#18738</a> </td> </tr> </tbody> </table> </div> </div> <div class=bs-docs-section> <h1 class=page-header id=most-wanted>Most wanted features</h1> <p class=lead>There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren't yet implemented in certain browsers, thus preventing us from taking advantage of them.</p> <p>We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.</p> <div class=table-responsive> <table class="bs-docs-browser-bugs table table-bordered table-hover"> <thead> <tr> <th>Browser(s)</th> <th>Summary of feature</th> <th>Upstream issue(s)</th> <th>Bootstrap issue(s)</th> </tr> </thead> <tbody> <tr> <td>Microsoft Edge </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href=https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/12299532>Edge UserVoice idea #12299532</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Implement <a href=http://html5please.com/#position:sticky>sticky positioning</a> from CSS Positioned Layout Level 3</p> </td> <td><a href=https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263621>Edge UserVoice idea #6263621</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17021>#17021</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Fire a <a href=https://developer.mozilla.org/en-US/docs/Web/Events/transitioncancel><code class=highlighter-rouge>transitioncancel</code> event</a> when a CSS transition is canceled</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1264125">Mozilla bug #1264125</a> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1182856">Mozilla bug #1182856</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Implement the <a href="http://caniuse.com/#feat=css-nth-child-of"><code class=highlighter-rouge>of &lt;selector-list&gt;</code> clause</a> of the <code class=highlighter-rouge>:nth-child()</code> pseudo-class</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=854148">Mozilla bug #854148</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20143>#20143</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Implement the HTML5 <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog><code class=highlighter-rouge>&lt;dialog&gt;</code> element</a></p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=840640">Mozilla bug #840640</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20175>#20175</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement the <a href="http://caniuse.com/#feat=css-nth-child-of"><code class=highlighter-rouge>of &lt;selector-list&gt;</code> clause</a> of the <code class=highlighter-rouge>:nth-child()</code> pseudo-class</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=304163">Chromium issue #304163</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20143>#20143</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=576815">Chromium issue #576815</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement <a href=http://html5please.com/#position:sticky>sticky positioning</a> from CSS Positioned Layout Level 3</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=231752">Chromium issue #231752</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17021>#17021</a> </td> </tr> <tr> <td>Safari </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=64861">WebKit bug #64861</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Safari </td> <td><p>Implement the HTML5 <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog><code class=highlighter-rouge>&lt;dialog&gt;</code> element</a></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=84635">WebKit bug #84635</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20175>#20175</a> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo target=_blank>@mdo</a> and <a href=https://twitter.com/fat target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank rel=license>MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel=license>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> <script>var _gauges=_gauges||[];!function(){var e=document.createElement("script");e.async=!0,e.id="gauges-tracker",e.setAttribute("data-site-id","4f0dc9fef5a1f55508000013"),e.src="//secure.gaug.es/track.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script> 
+\ No newline at end of file
diff --git a/docs/3.3/components/index.html b/docs/3.3/components/index.html

index 7fc07a027435039df885c352cf4a82f4bc9c39fa..53bc3701c44fb56f96365b1a08d727d96c6d83ff 100644 (file)
--- a/docs/3.3/components/index.html
+++ b/docs/3.3/components/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Components &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li class=active> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=http://themes.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Components</h1> <p>Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=glyphicons>Glyphicons</h1> <h2 id=glyphicons-glyphs>Available glyphs</h2> <p>Includes over 250 glyphs in font format from the Glyphicon Halflings set. <a href=http://glyphicons.com/ >Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to <a href=http://glyphicons.com/ >Glyphicons</a> whenever possible.</p> <div class=bs-glyphicons> <ul class=bs-glyphicons-list> <li> <span class="glyphicon glyphicon-asterisk" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-asterisk</span> </li> <li> <span class="glyphicon glyphicon-plus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plus</span> </li> <li> <span class="glyphicon glyphicon-euro" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-euro</span> </li> <li> <span class="glyphicon glyphicon-eur" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eur</span> </li> <li> <span class="glyphicon glyphicon-minus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-minus</span> </li> <li> <span class="glyphicon glyphicon-cloud" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud</span> </li> <li> <span class="glyphicon glyphicon-envelope" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-envelope</span> </li> <li> <span class="glyphicon glyphicon-pencil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pencil</span> </li> <li> <span class="glyphicon glyphicon-glass" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-glass</span> </li> <li> <span class="glyphicon glyphicon-music" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-music</span> </li> <li> <span class="glyphicon glyphicon-search" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-search</span> </li> <li> <span class="glyphicon glyphicon-heart" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-heart</span> </li> <li> <span class="glyphicon glyphicon-star" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-star</span> </li> <li> <span class="glyphicon glyphicon-star-empty" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-star-empty</span> </li> <li> <span class="glyphicon glyphicon-user" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-user</span> </li> <li> <span class="glyphicon glyphicon-film" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-film</span> </li> <li> <span class="glyphicon glyphicon-th-large" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th-large</span> </li> <li> <span class="glyphicon glyphicon-th" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th</span> </li> <li> <span class="glyphicon glyphicon-th-list" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th-list</span> </li> <li> <span class="glyphicon glyphicon-ok" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok</span> </li> <li> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove</span> </li> <li> <span class="glyphicon glyphicon-zoom-in" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-zoom-in</span> </li> <li> <span class="glyphicon glyphicon-zoom-out" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-zoom-out</span> </li> <li> <span class="glyphicon glyphicon-off" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-off</span> </li> <li> <span class="glyphicon glyphicon-signal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-signal</span> </li> <li> <span class="glyphicon glyphicon-cog" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cog</span> </li> <li> <span class="glyphicon glyphicon-trash" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-trash</span> </li> <li> <span class="glyphicon glyphicon-home" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-home</span> </li> <li> <span class="glyphicon glyphicon-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-file</span> </li> <li> <span class="glyphicon glyphicon-time" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-time</span> </li> <li> <span class="glyphicon glyphicon-road" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-road</span> </li> <li> <span class="glyphicon glyphicon-download-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-download-alt</span> </li> <li> <span class="glyphicon glyphicon-download" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-download</span> </li> <li> <span class="glyphicon glyphicon-upload" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-upload</span> </li> <li> <span class="glyphicon glyphicon-inbox" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-inbox</span> </li> <li> <span class="glyphicon glyphicon-play-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-play-circle</span> </li> <li> <span class="glyphicon glyphicon-repeat" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-repeat</span> </li> <li> <span class="glyphicon glyphicon-refresh" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-refresh</span> </li> <li> <span class="glyphicon glyphicon-list-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-list-alt</span> </li> <li> <span class="glyphicon glyphicon-lock" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-lock</span> </li> <li> <span class="glyphicon glyphicon-flag" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-flag</span> </li> <li> <span class="glyphicon glyphicon-headphones" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-headphones</span> </li> <li> <span class="glyphicon glyphicon-volume-off" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-off</span> </li> <li> <span class="glyphicon glyphicon-volume-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-down</span> </li> <li> <span class="glyphicon glyphicon-volume-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-up</span> </li> <li> <span class="glyphicon glyphicon-qrcode" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-qrcode</span> </li> <li> <span class="glyphicon glyphicon-barcode" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-barcode</span> </li> <li> <span class="glyphicon glyphicon-tag" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tag</span> </li> <li> <span class="glyphicon glyphicon-tags" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tags</span> </li> <li> <span class="glyphicon glyphicon-book" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-book</span> </li> <li> <span class="glyphicon glyphicon-bookmark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bookmark</span> </li> <li> <span class="glyphicon glyphicon-print" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-print</span> </li> <li> <span class="glyphicon glyphicon-camera" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-camera</span> </li> <li> <span class="glyphicon glyphicon-font" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-font</span> </li> <li> <span class="glyphicon glyphicon-bold" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bold</span> </li> <li> <span class="glyphicon glyphicon-italic" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-italic</span> </li> <li> <span class="glyphicon glyphicon-text-height" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-height</span> </li> <li> <span class="glyphicon glyphicon-text-width" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-width</span> </li> <li> <span class="glyphicon glyphicon-align-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-left</span> </li> <li> <span class="glyphicon glyphicon-align-center" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-center</span> </li> <li> <span class="glyphicon glyphicon-align-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-right</span> </li> <li> <span class="glyphicon glyphicon-align-justify" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-justify</span> </li> <li> <span class="glyphicon glyphicon-list" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-list</span> </li> <li> <span class="glyphicon glyphicon-indent-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-indent-left</span> </li> <li> <span class="glyphicon glyphicon-indent-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-indent-right</span> </li> <li> <span class="glyphicon glyphicon-facetime-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-facetime-video</span> </li> <li> <span class="glyphicon glyphicon-picture" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-picture</span> </li> <li> <span class="glyphicon glyphicon-map-marker" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-map-marker</span> </li> <li> <span class="glyphicon glyphicon-adjust" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-adjust</span> </li> <li> <span class="glyphicon glyphicon-tint" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tint</span> </li> <li> <span class="glyphicon glyphicon-edit" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-edit</span> </li> <li> <span class="glyphicon glyphicon-share" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-share</span> </li> <li> <span class="glyphicon glyphicon-check" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-check</span> </li> <li> <span class="glyphicon glyphicon-move" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-move</span> </li> <li> <span class="glyphicon glyphicon-step-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-step-backward</span> </li> <li> <span class="glyphicon glyphicon-fast-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fast-backward</span> </li> <li> <span class="glyphicon glyphicon-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-backward</span> </li> <li> <span class="glyphicon glyphicon-play" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-play</span> </li> <li> <span class="glyphicon glyphicon-pause" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pause</span> </li> <li> <span class="glyphicon glyphicon-stop" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-stop</span> </li> <li> <span class="glyphicon glyphicon-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-forward</span> </li> <li> <span class="glyphicon glyphicon-fast-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fast-forward</span> </li> <li> <span class="glyphicon glyphicon-step-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-step-forward</span> </li> <li> <span class="glyphicon glyphicon-eject" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eject</span> </li> <li> <span class="glyphicon glyphicon-chevron-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-left</span> </li> <li> <span class="glyphicon glyphicon-chevron-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-right</span> </li> <li> <span class="glyphicon glyphicon-plus-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plus-sign</span> </li> <li> <span class="glyphicon glyphicon-minus-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-minus-sign</span> </li> <li> <span class="glyphicon glyphicon-remove-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove-sign</span> </li> <li> <span class="glyphicon glyphicon-ok-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok-sign</span> </li> <li> <span class="glyphicon glyphicon-question-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-question-sign</span> </li> <li> <span class="glyphicon glyphicon-info-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-info-sign</span> </li> <li> <span class="glyphicon glyphicon-screenshot" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-screenshot</span> </li> <li> <span class="glyphicon glyphicon-remove-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove-circle</span> </li> <li> <span class="glyphicon glyphicon-ok-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok-circle</span> </li> <li> <span class="glyphicon glyphicon-ban-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ban-circle</span> </li> <li> <span class="glyphicon glyphicon-arrow-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-left</span> </li> <li> <span class="glyphicon glyphicon-arrow-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-right</span> </li> <li> <span class="glyphicon glyphicon-arrow-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-up</span> </li> <li> <span class="glyphicon glyphicon-arrow-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-down</span> </li> <li> <span class="glyphicon glyphicon-share-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-share-alt</span> </li> <li> <span class="glyphicon glyphicon-resize-full" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-full</span> </li> <li> <span class="glyphicon glyphicon-resize-small" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-small</span> </li> <li> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-exclamation-sign</span> </li> <li> <span class="glyphicon glyphicon-gift" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-gift</span> </li> <li> <span class="glyphicon glyphicon-leaf" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-leaf</span> </li> <li> <span class="glyphicon glyphicon-fire" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fire</span> </li> <li> <span class="glyphicon glyphicon-eye-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eye-open</span> </li> <li> <span class="glyphicon glyphicon-eye-close" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eye-close</span> </li> <li> <span class="glyphicon glyphicon-warning-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-warning-sign</span> </li> <li> <span class="glyphicon glyphicon-plane" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plane</span> </li> <li> <span class="glyphicon glyphicon-calendar" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-calendar</span> </li> <li> <span class="glyphicon glyphicon-random" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-random</span> </li> <li> <span class="glyphicon glyphicon-comment" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-comment</span> </li> <li> <span class="glyphicon glyphicon-magnet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-magnet</span> </li> <li> <span class="glyphicon glyphicon-chevron-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-up</span> </li> <li> <span class="glyphicon glyphicon-chevron-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-down</span> </li> <li> <span class="glyphicon glyphicon-retweet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-retweet</span> </li> <li> <span class="glyphicon glyphicon-shopping-cart" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-shopping-cart</span> </li> <li> <span class="glyphicon glyphicon-folder-close" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-folder-close</span> </li> <li> <span class="glyphicon glyphicon-folder-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-folder-open</span> </li> <li> <span class="glyphicon glyphicon-resize-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-vertical</span> </li> <li> <span class="glyphicon glyphicon-resize-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-horizontal</span> </li> <li> <span class="glyphicon glyphicon-hdd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hdd</span> </li> <li> <span class="glyphicon glyphicon-bullhorn" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bullhorn</span> </li> <li> <span class="glyphicon glyphicon-bell" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bell</span> </li> <li> <span class="glyphicon glyphicon-certificate" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-certificate</span> </li> <li> <span class="glyphicon glyphicon-thumbs-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-thumbs-up</span> </li> <li> <span class="glyphicon glyphicon-thumbs-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-thumbs-down</span> </li> <li> <span class="glyphicon glyphicon-hand-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-right</span> </li> <li> <span class="glyphicon glyphicon-hand-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-left</span> </li> <li> <span class="glyphicon glyphicon-hand-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-up</span> </li> <li> <span class="glyphicon glyphicon-hand-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-down</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-right</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-left</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-up</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-down</span> </li> <li> <span class="glyphicon glyphicon-globe" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-globe</span> </li> <li> <span class="glyphicon glyphicon-wrench" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-wrench</span> </li> <li> <span class="glyphicon glyphicon-tasks" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tasks</span> </li> <li> <span class="glyphicon glyphicon-filter" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-filter</span> </li> <li> <span class="glyphicon glyphicon-briefcase" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-briefcase</span> </li> <li> <span class="glyphicon glyphicon-fullscreen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fullscreen</span> </li> <li> <span class="glyphicon glyphicon-dashboard" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-dashboard</span> </li> <li> <span class="glyphicon glyphicon-paperclip" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-paperclip</span> </li> <li> <span class="glyphicon glyphicon-heart-empty" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-heart-empty</span> </li> <li> <span class="glyphicon glyphicon-link" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-link</span> </li> <li> <span class="glyphicon glyphicon-phone" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-phone</span> </li> <li> <span class="glyphicon glyphicon-pushpin" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pushpin</span> </li> <li> <span class="glyphicon glyphicon-usd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-usd</span> </li> <li> <span class="glyphicon glyphicon-gbp" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-gbp</span> </li> <li> <span class="glyphicon glyphicon-sort" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-alphabet</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-alphabet-alt</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-order</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-order-alt</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-attributes</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-attributes-alt</span> </li> <li> <span class="glyphicon glyphicon-unchecked" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-unchecked</span> </li> <li> <span class="glyphicon glyphicon-expand" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-expand</span> </li> <li> <span class="glyphicon glyphicon-collapse-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-collapse-down</span> </li> <li> <span class="glyphicon glyphicon-collapse-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-collapse-up</span> </li> <li> <span class="glyphicon glyphicon-log-in" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-log-in</span> </li> <li> <span class="glyphicon glyphicon-flash" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-flash</span> </li> <li> <span class="glyphicon glyphicon-log-out" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-log-out</span> </li> <li> <span class="glyphicon glyphicon-new-window" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-new-window</span> </li> <li> <span class="glyphicon glyphicon-record" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-record</span> </li> <li> <span class="glyphicon glyphicon-save" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-save</span> </li> <li> <span class="glyphicon glyphicon-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-open</span> </li> <li> <span class="glyphicon glyphicon-saved" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-saved</span> </li> <li> <span class="glyphicon glyphicon-import" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-import</span> </li> <li> <span class="glyphicon glyphicon-export" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-export</span> </li> <li> <span class="glyphicon glyphicon-send" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-send</span> </li> <li> <span class="glyphicon glyphicon-floppy-disk" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-disk</span> </li> <li> <span class="glyphicon glyphicon-floppy-saved" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-saved</span> </li> <li> <span class="glyphicon glyphicon-floppy-remove" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-remove</span> </li> <li> <span class="glyphicon glyphicon-floppy-save" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-save</span> </li> <li> <span class="glyphicon glyphicon-floppy-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-open</span> </li> <li> <span class="glyphicon glyphicon-credit-card" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-credit-card</span> </li> <li> <span class="glyphicon glyphicon-transfer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-transfer</span> </li> <li> <span class="glyphicon glyphicon-cutlery" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cutlery</span> </li> <li> <span class="glyphicon glyphicon-header" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-header</span> </li> <li> <span class="glyphicon glyphicon-compressed" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-compressed</span> </li> <li> <span class="glyphicon glyphicon-earphone" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-earphone</span> </li> <li> <span class="glyphicon glyphicon-phone-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-phone-alt</span> </li> <li> <span class="glyphicon glyphicon-tower" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tower</span> </li> <li> <span class="glyphicon glyphicon-stats" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-stats</span> </li> <li> <span class="glyphicon glyphicon-sd-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sd-video</span> </li> <li> <span class="glyphicon glyphicon-hd-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hd-video</span> </li> <li> <span class="glyphicon glyphicon-subtitles" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-subtitles</span> </li> <li> <span class="glyphicon glyphicon-sound-stereo" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-stereo</span> </li> <li> <span class="glyphicon glyphicon-sound-dolby" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-dolby</span> </li> <li> <span class="glyphicon glyphicon-sound-5-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-5-1</span> </li> <li> <span class="glyphicon glyphicon-sound-6-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-6-1</span> </li> <li> <span class="glyphicon glyphicon-sound-7-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-7-1</span> </li> <li> <span class="glyphicon glyphicon-copyright-mark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-copyright-mark</span> </li> <li> <span class="glyphicon glyphicon-registration-mark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-registration-mark</span> </li> <li> <span class="glyphicon glyphicon-cloud-download" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud-download</span> </li> <li> <span class="glyphicon glyphicon-cloud-upload" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud-upload</span> </li> <li> <span class="glyphicon glyphicon-tree-conifer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tree-conifer</span> </li> <li> <span class="glyphicon glyphicon-tree-deciduous" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tree-deciduous</span> </li> <li> <span class="glyphicon glyphicon-cd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cd</span> </li> <li> <span class="glyphicon glyphicon-save-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-save-file</span> </li> <li> <span class="glyphicon glyphicon-open-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-open-file</span> </li> <li> <span class="glyphicon glyphicon-level-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-level-up</span> </li> <li> <span class="glyphicon glyphicon-copy" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-copy</span> </li> <li> <span class="glyphicon glyphicon-paste" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-paste</span> </li> <li> <span class="glyphicon glyphicon-alert" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-alert</span> </li> <li> <span class="glyphicon glyphicon-equalizer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-equalizer</span> </li> <li> <span class="glyphicon glyphicon-king" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-king</span> </li> <li> <span class="glyphicon glyphicon-queen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-queen</span> </li> <li> <span class="glyphicon glyphicon-pawn" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pawn</span> </li> <li> <span class="glyphicon glyphicon-bishop" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bishop</span> </li> <li> <span class="glyphicon glyphicon-knight" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-knight</span> </li> <li> <span class="glyphicon glyphicon-baby-formula" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-baby-formula</span> </li> <li> <span class="glyphicon glyphicon-tent" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tent</span> </li> <li> <span class="glyphicon glyphicon-blackboard" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-blackboard</span> </li> <li> <span class="glyphicon glyphicon-bed" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bed</span> </li> <li> <span class="glyphicon glyphicon-apple" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-apple</span> </li> <li> <span class="glyphicon glyphicon-erase" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-erase</span> </li> <li> <span class="glyphicon glyphicon-hourglass" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hourglass</span> </li> <li> <span class="glyphicon glyphicon-lamp" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-lamp</span> </li> <li> <span class="glyphicon glyphicon-duplicate" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-duplicate</span> </li> <li> <span class="glyphicon glyphicon-piggy-bank" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-piggy-bank</span> </li> <li> <span class="glyphicon glyphicon-scissors" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-scissors</span> </li> <li> <span class="glyphicon glyphicon-bitcoin" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bitcoin</span> </li> <li> <span class="glyphicon glyphicon-btc" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-btc</span> </li> <li> <span class="glyphicon glyphicon-xbt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-xbt</span> </li> <li> <span class="glyphicon glyphicon-yen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-yen</span> </li> <li> <span class="glyphicon glyphicon-jpy" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-jpy</span> </li> <li> <span class="glyphicon glyphicon-ruble" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ruble</span> </li> <li> <span class="glyphicon glyphicon-rub" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-rub</span> </li> <li> <span class="glyphicon glyphicon-scale" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-scale</span> </li> <li> <span class="glyphicon glyphicon-ice-lolly" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ice-lolly</span> </li> <li> <span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ice-lolly-tasted</span> </li> <li> <span class="glyphicon glyphicon-education" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-education</span> </li> <li> <span class="glyphicon glyphicon-option-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-option-horizontal</span> </li> <li> <span class="glyphicon glyphicon-option-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-option-vertical</span> </li> <li> <span class="glyphicon glyphicon-menu-hamburger" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-hamburger</span> </li> <li> <span class="glyphicon glyphicon-modal-window" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-modal-window</span> </li> <li> <span class="glyphicon glyphicon-oil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-oil</span> </li> <li> <span class="glyphicon glyphicon-grain" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-grain</span> </li> <li> <span class="glyphicon glyphicon-sunglasses" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sunglasses</span> </li> <li> <span class="glyphicon glyphicon-text-size" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-size</span> </li> <li> <span class="glyphicon glyphicon-text-color" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-color</span> </li> <li> <span class="glyphicon glyphicon-text-background" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-background</span> </li> <li> <span class="glyphicon glyphicon-object-align-top" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-top</span> </li> <li> <span class="glyphicon glyphicon-object-align-bottom" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-bottom</span> </li> <li> <span class="glyphicon glyphicon-object-align-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-horizontal</span> </li> <li> <span class="glyphicon glyphicon-object-align-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-left</span> </li> <li> <span class="glyphicon glyphicon-object-align-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-vertical</span> </li> <li> <span class="glyphicon glyphicon-object-align-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-right</span> </li> <li> <span class="glyphicon glyphicon-triangle-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-right</span> </li> <li> <span class="glyphicon glyphicon-triangle-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-left</span> </li> <li> <span class="glyphicon glyphicon-triangle-bottom" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-bottom</span> </li> <li> <span class="glyphicon glyphicon-triangle-top" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-top</span> </li> <li> <span class="glyphicon glyphicon-console" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-console</span> </li> <li> <span class="glyphicon glyphicon-superscript" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-superscript</span> </li> <li> <span class="glyphicon glyphicon-subscript" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-subscript</span> </li> <li> <span class="glyphicon glyphicon-menu-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-left</span> </li> <li> <span class="glyphicon glyphicon-menu-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-right</span> </li> <li> <span class="glyphicon glyphicon-menu-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-down</span> </li> <li> <span class="glyphicon glyphicon-menu-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-up</span> </li> </ul> </div> <h2 id=glyphicons-how-to-use>How to use</h2> <p>For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.</p> <div class="bs-callout bs-callout-danger" id=callout-glyphicons-dont-mix> <h4>Don't mix with other components</h4> <p>Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested <code>&lt;span&gt;</code> and apply the icon classes to the <code>&lt;span&gt;</code>.</p> </div> <div class="bs-callout bs-callout-danger" id=callout-glyphicons-empty-only> <h4>Only for use on empty elements</h4> <p>Icon classes should only be used on elements that contain no text content and have no child elements.</p> </div> <div class="bs-callout bs-callout-info" id=callout-glyphicons-location> <h4>Changing the icon font location</h4> <p>Bootstrap assumes icon font files will be located in the <code>../fonts/</code> directory, relative to the compiled CSS files. Moving or renaming those font files means updating the CSS in one of three ways:</p> <ul> <li>Change the <code>@icon-font-path</code> and/or <code>@icon-font-name</code> variables in the source Less files.</li> <li>Utilize the <a href=http://lesscss.org/usage/#command-line-usage-relative-urls>relative URLs option</a> provided by the Less compiler.</li> <li>Change the <code>url()</code> paths in the compiled CSS.</li> </ul> <p>Use whatever option best suits your specific development setup.</p> </div> <div class="bs-callout bs-callout-warning" id=callout-glyphicons-accessibility> <h4>Accessible icons</h4> <p>Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. To avoid unintended and confusing output in screen readers (particularly when icons are used purely for decoration), we hide them with the <code>aria-hidden="true"</code> attribute.</p> <p>If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies – for instance, include additional content, visually hidden with the <code>.sr-only</code> class.</p> <p>If you're creating controls with no other text (such as a <code>&lt;button&gt;</code> that only contains an icon), you should always provide alternative content to identify the purpose of the control, so that it will make sense to users of assistive technologies. In this case, you could add an <code>aria-label</code> attribute on the control itself.</p> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;span</span> <span class=na>class=</span><span class=s>"glyphicon glyphicon-search"</span> <span class=na>aria-hidden=</span><span class=s>"true"</span><span class=nt>&gt;&lt;/span&gt;</span></code></pre></figure> <h2 id=glyphicons-examples>Examples</h2> <p>Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.</p> <div class=bs-example data-example-id=glyphicons-general> <div class=btn-toolbar role=toolbar> <div class=btn-group> <button type=button class="btn btn-default" aria-label="Left Align"><span class="glyphicon glyphicon-align-left" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label="Center Align"><span class="glyphicon glyphicon-align-center" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label="Right Align"><span class="glyphicon glyphicon-align-right" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label=Justify><span class="glyphicon glyphicon-align-justify" aria-hidden=true></span></button> </div> </div> <div class=btn-toolbar role=toolbar> <button type=button class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default btn-sm"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> </div> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;button</span> <span class=na>type=</span><span class=s>"button"</span> <span class=na>class=</span><span class=s>"btn btn-default"</span> <span class=na>aria-label=</span><span class=s>"Left Align"</span><span class=nt>&gt;</span>
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Components &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li class=active> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Components</h1> <p>Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=glyphicons>Glyphicons</h1> <h2 id=glyphicons-glyphs>Available glyphs</h2> <p>Includes over 250 glyphs in font format from the Glyphicon Halflings set. <a href=http://glyphicons.com/ >Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to <a href=http://glyphicons.com/ >Glyphicons</a> whenever possible.</p> <div class=bs-glyphicons> <ul class=bs-glyphicons-list> <li> <span class="glyphicon glyphicon-asterisk" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-asterisk</span> </li> <li> <span class="glyphicon glyphicon-plus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plus</span> </li> <li> <span class="glyphicon glyphicon-euro" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-euro</span> </li> <li> <span class="glyphicon glyphicon-eur" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eur</span> </li> <li> <span class="glyphicon glyphicon-minus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-minus</span> </li> <li> <span class="glyphicon glyphicon-cloud" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud</span> </li> <li> <span class="glyphicon glyphicon-envelope" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-envelope</span> </li> <li> <span class="glyphicon glyphicon-pencil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pencil</span> </li> <li> <span class="glyphicon glyphicon-glass" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-glass</span> </li> <li> <span class="glyphicon glyphicon-music" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-music</span> </li> <li> <span class="glyphicon glyphicon-search" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-search</span> </li> <li> <span class="glyphicon glyphicon-heart" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-heart</span> </li> <li> <span class="glyphicon glyphicon-star" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-star</span> </li> <li> <span class="glyphicon glyphicon-star-empty" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-star-empty</span> </li> <li> <span class="glyphicon glyphicon-user" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-user</span> </li> <li> <span class="glyphicon glyphicon-film" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-film</span> </li> <li> <span class="glyphicon glyphicon-th-large" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th-large</span> </li> <li> <span class="glyphicon glyphicon-th" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th</span> </li> <li> <span class="glyphicon glyphicon-th-list" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th-list</span> </li> <li> <span class="glyphicon glyphicon-ok" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok</span> </li> <li> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove</span> </li> <li> <span class="glyphicon glyphicon-zoom-in" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-zoom-in</span> </li> <li> <span class="glyphicon glyphicon-zoom-out" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-zoom-out</span> </li> <li> <span class="glyphicon glyphicon-off" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-off</span> </li> <li> <span class="glyphicon glyphicon-signal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-signal</span> </li> <li> <span class="glyphicon glyphicon-cog" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cog</span> </li> <li> <span class="glyphicon glyphicon-trash" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-trash</span> </li> <li> <span class="glyphicon glyphicon-home" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-home</span> </li> <li> <span class="glyphicon glyphicon-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-file</span> </li> <li> <span class="glyphicon glyphicon-time" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-time</span> </li> <li> <span class="glyphicon glyphicon-road" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-road</span> </li> <li> <span class="glyphicon glyphicon-download-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-download-alt</span> </li> <li> <span class="glyphicon glyphicon-download" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-download</span> </li> <li> <span class="glyphicon glyphicon-upload" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-upload</span> </li> <li> <span class="glyphicon glyphicon-inbox" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-inbox</span> </li> <li> <span class="glyphicon glyphicon-play-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-play-circle</span> </li> <li> <span class="glyphicon glyphicon-repeat" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-repeat</span> </li> <li> <span class="glyphicon glyphicon-refresh" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-refresh</span> </li> <li> <span class="glyphicon glyphicon-list-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-list-alt</span> </li> <li> <span class="glyphicon glyphicon-lock" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-lock</span> </li> <li> <span class="glyphicon glyphicon-flag" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-flag</span> </li> <li> <span class="glyphicon glyphicon-headphones" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-headphones</span> </li> <li> <span class="glyphicon glyphicon-volume-off" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-off</span> </li> <li> <span class="glyphicon glyphicon-volume-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-down</span> </li> <li> <span class="glyphicon glyphicon-volume-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-up</span> </li> <li> <span class="glyphicon glyphicon-qrcode" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-qrcode</span> </li> <li> <span class="glyphicon glyphicon-barcode" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-barcode</span> </li> <li> <span class="glyphicon glyphicon-tag" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tag</span> </li> <li> <span class="glyphicon glyphicon-tags" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tags</span> </li> <li> <span class="glyphicon glyphicon-book" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-book</span> </li> <li> <span class="glyphicon glyphicon-bookmark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bookmark</span> </li> <li> <span class="glyphicon glyphicon-print" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-print</span> </li> <li> <span class="glyphicon glyphicon-camera" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-camera</span> </li> <li> <span class="glyphicon glyphicon-font" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-font</span> </li> <li> <span class="glyphicon glyphicon-bold" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bold</span> </li> <li> <span class="glyphicon glyphicon-italic" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-italic</span> </li> <li> <span class="glyphicon glyphicon-text-height" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-height</span> </li> <li> <span class="glyphicon glyphicon-text-width" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-width</span> </li> <li> <span class="glyphicon glyphicon-align-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-left</span> </li> <li> <span class="glyphicon glyphicon-align-center" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-center</span> </li> <li> <span class="glyphicon glyphicon-align-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-right</span> </li> <li> <span class="glyphicon glyphicon-align-justify" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-justify</span> </li> <li> <span class="glyphicon glyphicon-list" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-list</span> </li> <li> <span class="glyphicon glyphicon-indent-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-indent-left</span> </li> <li> <span class="glyphicon glyphicon-indent-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-indent-right</span> </li> <li> <span class="glyphicon glyphicon-facetime-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-facetime-video</span> </li> <li> <span class="glyphicon glyphicon-picture" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-picture</span> </li> <li> <span class="glyphicon glyphicon-map-marker" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-map-marker</span> </li> <li> <span class="glyphicon glyphicon-adjust" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-adjust</span> </li> <li> <span class="glyphicon glyphicon-tint" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tint</span> </li> <li> <span class="glyphicon glyphicon-edit" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-edit</span> </li> <li> <span class="glyphicon glyphicon-share" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-share</span> </li> <li> <span class="glyphicon glyphicon-check" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-check</span> </li> <li> <span class="glyphicon glyphicon-move" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-move</span> </li> <li> <span class="glyphicon glyphicon-step-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-step-backward</span> </li> <li> <span class="glyphicon glyphicon-fast-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fast-backward</span> </li> <li> <span class="glyphicon glyphicon-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-backward</span> </li> <li> <span class="glyphicon glyphicon-play" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-play</span> </li> <li> <span class="glyphicon glyphicon-pause" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pause</span> </li> <li> <span class="glyphicon glyphicon-stop" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-stop</span> </li> <li> <span class="glyphicon glyphicon-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-forward</span> </li> <li> <span class="glyphicon glyphicon-fast-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fast-forward</span> </li> <li> <span class="glyphicon glyphicon-step-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-step-forward</span> </li> <li> <span class="glyphicon glyphicon-eject" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eject</span> </li> <li> <span class="glyphicon glyphicon-chevron-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-left</span> </li> <li> <span class="glyphicon glyphicon-chevron-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-right</span> </li> <li> <span class="glyphicon glyphicon-plus-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plus-sign</span> </li> <li> <span class="glyphicon glyphicon-minus-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-minus-sign</span> </li> <li> <span class="glyphicon glyphicon-remove-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove-sign</span> </li> <li> <span class="glyphicon glyphicon-ok-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok-sign</span> </li> <li> <span class="glyphicon glyphicon-question-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-question-sign</span> </li> <li> <span class="glyphicon glyphicon-info-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-info-sign</span> </li> <li> <span class="glyphicon glyphicon-screenshot" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-screenshot</span> </li> <li> <span class="glyphicon glyphicon-remove-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove-circle</span> </li> <li> <span class="glyphicon glyphicon-ok-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok-circle</span> </li> <li> <span class="glyphicon glyphicon-ban-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ban-circle</span> </li> <li> <span class="glyphicon glyphicon-arrow-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-left</span> </li> <li> <span class="glyphicon glyphicon-arrow-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-right</span> </li> <li> <span class="glyphicon glyphicon-arrow-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-up</span> </li> <li> <span class="glyphicon glyphicon-arrow-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-down</span> </li> <li> <span class="glyphicon glyphicon-share-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-share-alt</span> </li> <li> <span class="glyphicon glyphicon-resize-full" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-full</span> </li> <li> <span class="glyphicon glyphicon-resize-small" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-small</span> </li> <li> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-exclamation-sign</span> </li> <li> <span class="glyphicon glyphicon-gift" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-gift</span> </li> <li> <span class="glyphicon glyphicon-leaf" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-leaf</span> </li> <li> <span class="glyphicon glyphicon-fire" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fire</span> </li> <li> <span class="glyphicon glyphicon-eye-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eye-open</span> </li> <li> <span class="glyphicon glyphicon-eye-close" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eye-close</span> </li> <li> <span class="glyphicon glyphicon-warning-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-warning-sign</span> </li> <li> <span class="glyphicon glyphicon-plane" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plane</span> </li> <li> <span class="glyphicon glyphicon-calendar" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-calendar</span> </li> <li> <span class="glyphicon glyphicon-random" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-random</span> </li> <li> <span class="glyphicon glyphicon-comment" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-comment</span> </li> <li> <span class="glyphicon glyphicon-magnet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-magnet</span> </li> <li> <span class="glyphicon glyphicon-chevron-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-up</span> </li> <li> <span class="glyphicon glyphicon-chevron-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-down</span> </li> <li> <span class="glyphicon glyphicon-retweet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-retweet</span> </li> <li> <span class="glyphicon glyphicon-shopping-cart" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-shopping-cart</span> </li> <li> <span class="glyphicon glyphicon-folder-close" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-folder-close</span> </li> <li> <span class="glyphicon glyphicon-folder-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-folder-open</span> </li> <li> <span class="glyphicon glyphicon-resize-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-vertical</span> </li> <li> <span class="glyphicon glyphicon-resize-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-horizontal</span> </li> <li> <span class="glyphicon glyphicon-hdd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hdd</span> </li> <li> <span class="glyphicon glyphicon-bullhorn" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bullhorn</span> </li> <li> <span class="glyphicon glyphicon-bell" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bell</span> </li> <li> <span class="glyphicon glyphicon-certificate" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-certificate</span> </li> <li> <span class="glyphicon glyphicon-thumbs-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-thumbs-up</span> </li> <li> <span class="glyphicon glyphicon-thumbs-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-thumbs-down</span> </li> <li> <span class="glyphicon glyphicon-hand-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-right</span> </li> <li> <span class="glyphicon glyphicon-hand-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-left</span> </li> <li> <span class="glyphicon glyphicon-hand-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-up</span> </li> <li> <span class="glyphicon glyphicon-hand-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-down</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-right</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-left</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-up</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-down</span> </li> <li> <span class="glyphicon glyphicon-globe" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-globe</span> </li> <li> <span class="glyphicon glyphicon-wrench" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-wrench</span> </li> <li> <span class="glyphicon glyphicon-tasks" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tasks</span> </li> <li> <span class="glyphicon glyphicon-filter" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-filter</span> </li> <li> <span class="glyphicon glyphicon-briefcase" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-briefcase</span> </li> <li> <span class="glyphicon glyphicon-fullscreen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fullscreen</span> </li> <li> <span class="glyphicon glyphicon-dashboard" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-dashboard</span> </li> <li> <span class="glyphicon glyphicon-paperclip" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-paperclip</span> </li> <li> <span class="glyphicon glyphicon-heart-empty" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-heart-empty</span> </li> <li> <span class="glyphicon glyphicon-link" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-link</span> </li> <li> <span class="glyphicon glyphicon-phone" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-phone</span> </li> <li> <span class="glyphicon glyphicon-pushpin" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pushpin</span> </li> <li> <span class="glyphicon glyphicon-usd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-usd</span> </li> <li> <span class="glyphicon glyphicon-gbp" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-gbp</span> </li> <li> <span class="glyphicon glyphicon-sort" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-alphabet</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-alphabet-alt</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-order</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-order-alt</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-attributes</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-attributes-alt</span> </li> <li> <span class="glyphicon glyphicon-unchecked" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-unchecked</span> </li> <li> <span class="glyphicon glyphicon-expand" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-expand</span> </li> <li> <span class="glyphicon glyphicon-collapse-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-collapse-down</span> </li> <li> <span class="glyphicon glyphicon-collapse-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-collapse-up</span> </li> <li> <span class="glyphicon glyphicon-log-in" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-log-in</span> </li> <li> <span class="glyphicon glyphicon-flash" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-flash</span> </li> <li> <span class="glyphicon glyphicon-log-out" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-log-out</span> </li> <li> <span class="glyphicon glyphicon-new-window" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-new-window</span> </li> <li> <span class="glyphicon glyphicon-record" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-record</span> </li> <li> <span class="glyphicon glyphicon-save" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-save</span> </li> <li> <span class="glyphicon glyphicon-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-open</span> </li> <li> <span class="glyphicon glyphicon-saved" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-saved</span> </li> <li> <span class="glyphicon glyphicon-import" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-import</span> </li> <li> <span class="glyphicon glyphicon-export" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-export</span> </li> <li> <span class="glyphicon glyphicon-send" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-send</span> </li> <li> <span class="glyphicon glyphicon-floppy-disk" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-disk</span> </li> <li> <span class="glyphicon glyphicon-floppy-saved" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-saved</span> </li> <li> <span class="glyphicon glyphicon-floppy-remove" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-remove</span> </li> <li> <span class="glyphicon glyphicon-floppy-save" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-save</span> </li> <li> <span class="glyphicon glyphicon-floppy-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-open</span> </li> <li> <span class="glyphicon glyphicon-credit-card" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-credit-card</span> </li> <li> <span class="glyphicon glyphicon-transfer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-transfer</span> </li> <li> <span class="glyphicon glyphicon-cutlery" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cutlery</span> </li> <li> <span class="glyphicon glyphicon-header" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-header</span> </li> <li> <span class="glyphicon glyphicon-compressed" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-compressed</span> </li> <li> <span class="glyphicon glyphicon-earphone" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-earphone</span> </li> <li> <span class="glyphicon glyphicon-phone-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-phone-alt</span> </li> <li> <span class="glyphicon glyphicon-tower" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tower</span> </li> <li> <span class="glyphicon glyphicon-stats" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-stats</span> </li> <li> <span class="glyphicon glyphicon-sd-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sd-video</span> </li> <li> <span class="glyphicon glyphicon-hd-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hd-video</span> </li> <li> <span class="glyphicon glyphicon-subtitles" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-subtitles</span> </li> <li> <span class="glyphicon glyphicon-sound-stereo" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-stereo</span> </li> <li> <span class="glyphicon glyphicon-sound-dolby" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-dolby</span> </li> <li> <span class="glyphicon glyphicon-sound-5-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-5-1</span> </li> <li> <span class="glyphicon glyphicon-sound-6-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-6-1</span> </li> <li> <span class="glyphicon glyphicon-sound-7-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-7-1</span> </li> <li> <span class="glyphicon glyphicon-copyright-mark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-copyright-mark</span> </li> <li> <span class="glyphicon glyphicon-registration-mark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-registration-mark</span> </li> <li> <span class="glyphicon glyphicon-cloud-download" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud-download</span> </li> <li> <span class="glyphicon glyphicon-cloud-upload" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud-upload</span> </li> <li> <span class="glyphicon glyphicon-tree-conifer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tree-conifer</span> </li> <li> <span class="glyphicon glyphicon-tree-deciduous" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tree-deciduous</span> </li> <li> <span class="glyphicon glyphicon-cd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cd</span> </li> <li> <span class="glyphicon glyphicon-save-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-save-file</span> </li> <li> <span class="glyphicon glyphicon-open-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-open-file</span> </li> <li> <span class="glyphicon glyphicon-level-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-level-up</span> </li> <li> <span class="glyphicon glyphicon-copy" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-copy</span> </li> <li> <span class="glyphicon glyphicon-paste" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-paste</span> </li> <li> <span class="glyphicon glyphicon-alert" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-alert</span> </li> <li> <span class="glyphicon glyphicon-equalizer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-equalizer</span> </li> <li> <span class="glyphicon glyphicon-king" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-king</span> </li> <li> <span class="glyphicon glyphicon-queen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-queen</span> </li> <li> <span class="glyphicon glyphicon-pawn" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pawn</span> </li> <li> <span class="glyphicon glyphicon-bishop" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bishop</span> </li> <li> <span class="glyphicon glyphicon-knight" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-knight</span> </li> <li> <span class="glyphicon glyphicon-baby-formula" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-baby-formula</span> </li> <li> <span class="glyphicon glyphicon-tent" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tent</span> </li> <li> <span class="glyphicon glyphicon-blackboard" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-blackboard</span> </li> <li> <span class="glyphicon glyphicon-bed" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bed</span> </li> <li> <span class="glyphicon glyphicon-apple" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-apple</span> </li> <li> <span class="glyphicon glyphicon-erase" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-erase</span> </li> <li> <span class="glyphicon glyphicon-hourglass" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hourglass</span> </li> <li> <span class="glyphicon glyphicon-lamp" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-lamp</span> </li> <li> <span class="glyphicon glyphicon-duplicate" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-duplicate</span> </li> <li> <span class="glyphicon glyphicon-piggy-bank" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-piggy-bank</span> </li> <li> <span class="glyphicon glyphicon-scissors" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-scissors</span> </li> <li> <span class="glyphicon glyphicon-bitcoin" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bitcoin</span> </li> <li> <span class="glyphicon glyphicon-btc" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-btc</span> </li> <li> <span class="glyphicon glyphicon-xbt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-xbt</span> </li> <li> <span class="glyphicon glyphicon-yen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-yen</span> </li> <li> <span class="glyphicon glyphicon-jpy" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-jpy</span> </li> <li> <span class="glyphicon glyphicon-ruble" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ruble</span> </li> <li> <span class="glyphicon glyphicon-rub" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-rub</span> </li> <li> <span class="glyphicon glyphicon-scale" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-scale</span> </li> <li> <span class="glyphicon glyphicon-ice-lolly" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ice-lolly</span> </li> <li> <span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ice-lolly-tasted</span> </li> <li> <span class="glyphicon glyphicon-education" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-education</span> </li> <li> <span class="glyphicon glyphicon-option-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-option-horizontal</span> </li> <li> <span class="glyphicon glyphicon-option-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-option-vertical</span> </li> <li> <span class="glyphicon glyphicon-menu-hamburger" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-hamburger</span> </li> <li> <span class="glyphicon glyphicon-modal-window" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-modal-window</span> </li> <li> <span class="glyphicon glyphicon-oil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-oil</span> </li> <li> <span class="glyphicon glyphicon-grain" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-grain</span> </li> <li> <span class="glyphicon glyphicon-sunglasses" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sunglasses</span> </li> <li> <span class="glyphicon glyphicon-text-size" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-size</span> </li> <li> <span class="glyphicon glyphicon-text-color" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-color</span> </li> <li> <span class="glyphicon glyphicon-text-background" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-background</span> </li> <li> <span class="glyphicon glyphicon-object-align-top" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-top</span> </li> <li> <span class="glyphicon glyphicon-object-align-bottom" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-bottom</span> </li> <li> <span class="glyphicon glyphicon-object-align-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-horizontal</span> </li> <li> <span class="glyphicon glyphicon-object-align-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-left</span> </li> <li> <span class="glyphicon glyphicon-object-align-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-vertical</span> </li> <li> <span class="glyphicon glyphicon-object-align-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-right</span> </li> <li> <span class="glyphicon glyphicon-triangle-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-right</span> </li> <li> <span class="glyphicon glyphicon-triangle-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-left</span> </li> <li> <span class="glyphicon glyphicon-triangle-bottom" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-bottom</span> </li> <li> <span class="glyphicon glyphicon-triangle-top" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-top</span> </li> <li> <span class="glyphicon glyphicon-console" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-console</span> </li> <li> <span class="glyphicon glyphicon-superscript" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-superscript</span> </li> <li> <span class="glyphicon glyphicon-subscript" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-subscript</span> </li> <li> <span class="glyphicon glyphicon-menu-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-left</span> </li> <li> <span class="glyphicon glyphicon-menu-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-right</span> </li> <li> <span class="glyphicon glyphicon-menu-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-down</span> </li> <li> <span class="glyphicon glyphicon-menu-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-up</span> </li> </ul> </div> <h2 id=glyphicons-how-to-use>How to use</h2> <p>For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.</p> <div class="bs-callout bs-callout-danger" id=callout-glyphicons-dont-mix> <h4>Don't mix with other components</h4> <p>Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested <code>&lt;span&gt;</code> and apply the icon classes to the <code>&lt;span&gt;</code>.</p> </div> <div class="bs-callout bs-callout-danger" id=callout-glyphicons-empty-only> <h4>Only for use on empty elements</h4> <p>Icon classes should only be used on elements that contain no text content and have no child elements.</p> </div> <div class="bs-callout bs-callout-info" id=callout-glyphicons-location> <h4>Changing the icon font location</h4> <p>Bootstrap assumes icon font files will be located in the <code>../fonts/</code> directory, relative to the compiled CSS files. Moving or renaming those font files means updating the CSS in one of three ways:</p> <ul> <li>Change the <code>@icon-font-path</code> and/or <code>@icon-font-name</code> variables in the source Less files.</li> <li>Utilize the <a href=http://lesscss.org/usage/#command-line-usage-relative-urls>relative URLs option</a> provided by the Less compiler.</li> <li>Change the <code>url()</code> paths in the compiled CSS.</li> </ul> <p>Use whatever option best suits your specific development setup.</p> </div> <div class="bs-callout bs-callout-warning" id=callout-glyphicons-accessibility> <h4>Accessible icons</h4> <p>Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. To avoid unintended and confusing output in screen readers (particularly when icons are used purely for decoration), we hide them with the <code>aria-hidden="true"</code> attribute.</p> <p>If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies – for instance, include additional content, visually hidden with the <code>.sr-only</code> class.</p> <p>If you're creating controls with no other text (such as a <code>&lt;button&gt;</code> that only contains an icon), you should always provide alternative content to identify the purpose of the control, so that it will make sense to users of assistive technologies. In this case, you could add an <code>aria-label</code> attribute on the control itself.</p> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;span</span> <span class=na>class=</span><span class=s>"glyphicon glyphicon-search"</span> <span class=na>aria-hidden=</span><span class=s>"true"</span><span class=nt>&gt;&lt;/span&gt;</span></code></pre></figure> <h2 id=glyphicons-examples>Examples</h2> <p>Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.</p> <div class=bs-example data-example-id=glyphicons-general> <div class=btn-toolbar role=toolbar> <div class=btn-group> <button type=button class="btn btn-default" aria-label="Left Align"><span class="glyphicon glyphicon-align-left" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label="Center Align"><span class="glyphicon glyphicon-align-center" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label="Right Align"><span class="glyphicon glyphicon-align-right" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label=Justify><span class="glyphicon glyphicon-align-justify" aria-hidden=true></span></button> </div> </div> <div class=btn-toolbar role=toolbar> <button type=button class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default btn-sm"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> </div> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;button</span> <span class=na>type=</span><span class=s>"button"</span> <span class=na>class=</span><span class=s>"btn btn-default"</span> <span class=na>aria-label=</span><span class=s>"Left Align"</span><span class=nt>&gt;</span>
    <span class=nt>&lt;span</span> <span class=na>class=</span><span class=s>"glyphicon glyphicon-align-left"</span> <span class=na>aria-hidden=</span><span class=s>"true"</span><span class=nt>&gt;&lt;/span&gt;</span>
  <span class=nt>&lt;/button&gt;</span>
  
diff --git a/docs/3.3/css/index.html b/docs/3.3/css/index.html

index 2394aec06aada03c3c95dff8b367137f238109b8..dd9960d2cc72ff194ed3893eef8622655813339b 100644 (file)
--- a/docs/3.3/css/index.html
+++ b/docs/3.3/css/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> CSS &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li class=active> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=http://themes.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>CSS</h1> <p>Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=overview>Overview</h1> <p class=lead>Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.</p> <h2 id=overview-doctype>HTML5 doctype</h2> <p>Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=cp>&lt;!DOCTYPE html&gt;</span>
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> CSS &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li class=active> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>CSS</h1> <p>Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=overview>Overview</h1> <p class=lead>Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.</p> <h2 id=overview-doctype>HTML5 doctype</h2> <p>Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=cp>&lt;!DOCTYPE html&gt;</span>
  <span class=nt>&lt;html</span> <span class=na>lang=</span><span class=s>"en"</span><span class=nt>&gt;</span>
    ...
  <span class=nt>&lt;/html&gt;</span></code></pre></figure> <h2 id=overview-mobile>Mobile first</h2> <p>With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, <strong>Bootstrap is mobile first</strong>. Mobile first styles can be found throughout the entire library instead of in separate files.</p> <p>To ensure proper rendering and touch zooming, <strong>add the viewport meta tag</strong> to your <code>&lt;head&gt;</code>.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;meta</span> <span class=na>name=</span><span class=s>"viewport"</span> <span class=na>content=</span><span class=s>"width=device-width, initial-scale=1"</span><span class=nt>&gt;</span></code></pre></figure> <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don't recommend this on every site, so use caution!</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;meta</span> <span class=na>name=</span><span class=s>"viewport"</span> <span class=na>content=</span><span class=s>"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"</span><span class=nt>&gt;</span></code></pre></figure> <h2 id=overview-type-links>Typography and links</h2> <p>Bootstrap sets basic global display, typography, and link styles. Specifically, we:</p> <ul> <li>Set <code>background-color: #fff;</code> on the <code>body</code></li> <li>Use the <code>@font-family-base</code>, <code>@font-size-base</code>, and <code>@line-height-base</code> attributes as our typographic base</li> <li>Set the global link color via <code>@link-color</code> and apply link underlines only on <code>:hover</code></li> </ul> <p>These styles can be found within <code>scaffolding.less</code>.</p> <h2 id=overview-normalize>Normalize.css</h2> <p>For improved cross-browser rendering, we use <a href=http://necolas.github.io/normalize.css/ target=_blank>Normalize.css</a>, a project by <a href=https://twitter.com/necolas target=_blank>Nicolas Gallagher</a> and <a href=https://twitter.com/jon_neal target=_blank>Jonathan Neal</a>.</p> <h2 id=overview-container>Containers</h2> <p>Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to <code>padding</code> and more, neither container is nestable.</p> <p>Use <code>.container</code> for a responsive fixed width container.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"container"</span><span class=nt>&gt;</span>
diff --git a/docs/3.3/customize/index.html b/docs/3.3/customize/index.html

index bea92137cdc2db1f137990180cd47350386a8745..e31664ce9d805a49a71cd774c4cd606fedb184de 100644 (file)
--- a/docs/3.3/customize/index.html
+++ b/docs/3.3/customize/index.html
@@ -1 +1 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Customize and download &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li class=active> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=http://themes.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Customize and download</h1> <p>Customize Bootstrap's components, Less variables, and jQuery plugins to get your very own version.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <!--[if lt IE 9]> <style>.bs-customizer,.bs-customizer-import,.bs-docs-sidebar{display:none}</style> <div class="alert alert-danger"> <strong>The Bootstrap Customizer does not support IE9 and below.</strong><br> Please take a second to <a href=http://browsehappy.com/ >upgrade to a more modern browser</a>. </div> <![endif]--> <div class="alert alert-warning alert-dismissible" role=alert id=defaults-change-alert> <button type=button class=close data-dismiss=alert aria-label=Close><span aria-hidden=true>&times;</span></button> <strong>Heads up!</strong> The default value for <code>@brand-primary</code> has changed in the latest release to improve contrast and accessibility. Please double check your compiled CSS when upgrading. </div> <div class="bs-docs-section bs-customizer-import"> <div class=bs-dropzone id=import-drop-target> <div class=import-header> <span class="glyphicon glyphicon-download-alt" aria-hidden=true></span> </div> <p class=lead>Have an existing configuration? Upload your <code>config.json</code> to import it.</p> <p>Drag and drop here, or <label id=import-manual-trigger class=btn-link>manually upload<input type=file id=import-file-select class=hidden></label>.</p> <hr> <p><strong>Don't have one?</strong> That's okay—just start customizing the fields below.</p> </div> </div> <form class=bs-customizer> <div class=bs-docs-section id=less-section> <button class="btn btn-default toggle" type=button>Toggle all</button> <h1 class=page-header id=less>Less files</h1> <p class=lead>Choose which Less files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the <a href=../css/ >CSS</a> and <a href=../components/ >Components</a> pages in the docs.</p> <div class=row> <div class="col-xs-6 col-sm-4"> <h3>Common CSS</h3> <div class=checkbox> <label> <input type=checkbox checked value=print.less> Print media styles </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=type.less> Typography </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=code.less> Code </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=grid.less> Grid system </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=forms.less data-dependents=navbar.less,input-groups.less> Forms </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=buttons.less data-dependents=button-groups.less> Buttons </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=responsive-utilities.less> Responsive utilities </label> </div> </div> <div class="col-xs-6 col-sm-4"> <h3>Components</h3> <div class=checkbox> <label> <input type=checkbox checked value=glyphicons.less> Glyphicons </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=button-groups.less data-dependencies=buttons.less> Button groups </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=input-groups.less data-dependencies=forms.less> Input groups </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=navs.less data-dependents=navbar.less> Navs </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=navbar.less data-dependencies=forms.less,navs.less> Navbar </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=breadcrumbs.less> Breadcrumbs </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=labels.less> Labels </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=badges.less> Badges </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=jumbotron.less> Jumbotron </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=alerts.less> Alerts </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=progress-bars.less> Progress bars </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 class=checkbox> <label> <input type=checkbox checked value=panels.less> Panels </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=responsive-embed.less> Responsive embed </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=wells.less> Wells </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=close.less> Close icon </label> </div> </div> <div class="col-xs-6 col-sm-4"> <h3>JavaScript components</h3> <div class=checkbox> <label> <input type=checkbox checked value=component-animations.less> Component animations (for JS)<br> (includes Collapse) </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=dropdowns.less> Dropdown </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=tooltip.less> Tooltip </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=popovers.less> Popover </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=modals.less> Modal </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=carousel.less> Carousel </label> </div> </div> </div> </div> <div class=bs-docs-section id=plugin-section> <button class="btn btn-default toggle" type=button>Toggle all</button> <h1 class=page-header id=plugins>jQuery plugins</h1> <p class=lead>Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the <a href=../javascript/ >JavaScript</a> page in the docs.</p> <div class=row> <div class=col-lg-6> <h4>Linked to components</h4> <div class=checkbox> <label> <input type=checkbox checked value=alert.js> Alert dismissal </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=button.js> Advanced buttons </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=carousel.js> Carousel functionality </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=dropdown.js> Dropdowns </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=modal.js> Modals </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=tooltip.js> Tooltips </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=popover.js data-dependencies=tooltip.js> Popovers <small>(requires Tooltips)</small> </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=tab.js> Togglable tabs </label> </div> </div> <div class=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 bs-callout-info"> <h4>Produces two files</h4> <p>All checked plugins will be compiled into a readable <code>bootstrap.js</code> and a minified <code>bootstrap.min.js</code>. We recommend you use the minified version in production.</p> </div> <div class="bs-callout bs-callout-danger"> <h4>jQuery required</h4> <p>All plugins require the latest version of <a href=http://jquery.com/ target=_blank>jQuery</a> to be included.</p> </div> </div> <div class=bs-docs-section id=less-variables-section> <button class="btn btn-default toggle" type=button>Reset to defaults</button> <h1 class=page-header id=less-variables>Less variables</h1> <p class=lead>Customize Less variables to define colors, sizes and more inside your custom CSS stylesheets.</p> <h2 id=colors>Colors</h2> <p>Gray and brand colors for use across Bootstrap.</p> <div class=row> <div class=col-xs-4> <label for=input-@gray-base>@gray-base</label> <input class=form-control id=input-@gray-base value=#000 data-var=@gray-base> </div> <div class=col-xs-4> <label for=input-@gray-darker>@gray-darker</label> <input class=form-control id=input-@gray-darker value="lighten(@gray-base, 13.5%)" data-var=@gray-darker> </div> <div class=col-xs-4> <label for=input-@gray-dark>@gray-dark</label> <input class=form-control id=input-@gray-dark value="lighten(@gray-base, 20%)" data-var=@gray-dark> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@gray>@gray</label> <input class=form-control id=input-@gray value="lighten(@gray-base, 33.5%)" data-var=@gray> </div> <div class=col-xs-4> <label for=input-@gray-light>@gray-light</label> <input class=form-control id=input-@gray-light value="lighten(@gray-base, 46.7%)" data-var=@gray-light> </div> <div class=col-xs-4> <label for=input-@gray-lighter>@gray-lighter</label> <input class=form-control id=input-@gray-lighter value="lighten(@gray-base, 93.5%)" data-var=@gray-lighter> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@brand-primary>@brand-primary</label> <input class=form-control id=input-@brand-primary value="darken(#428bca, 6.5%)" data-var=@brand-primary> </div> <div class=col-xs-4> <label for=input-@brand-success>@brand-success</label> <input class=form-control id=input-@brand-success value=#5cb85c data-var=@brand-success> </div> <div class=col-xs-4> <label for=input-@brand-info>@brand-info</label> <input class=form-control id=input-@brand-info value=#5bc0de data-var=@brand-info> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@brand-warning>@brand-warning</label> <input class=form-control id=input-@brand-warning value=#f0ad4e data-var=@brand-warning> </div> <div class=col-xs-4> <label for=input-@brand-danger>@brand-danger</label> <input class=form-control id=input-@brand-danger value=#d9534f data-var=@brand-danger> </div> </div> <h2 id=scaffolding>Scaffolding</h2> <p>Settings for some of the most global styles.</p> <div class=row> <div class=col-xs-4> <label for=input-@body-bg>@body-bg</label> <input class=form-control id=input-@body-bg aria-describedby=help-block-@body-bg value=#fff data-var=@body-bg> <p class=help-block id=help-block-@body-bg>Background color for <code>&lt;body&gt;</code>.</p> </div> <div class=col-xs-4> <label for=input-@text-color>@text-color</label> <input class=form-control id=input-@text-color aria-describedby=help-block-@text-color value=@gray-dark data-var=@text-color> <p class=help-block id=help-block-@text-color>Global text color on <code>&lt;body&gt;</code>.</p> </div> <div class=col-xs-4> <label for=input-@link-color>@link-color</label> <input class=form-control id=input-@link-color aria-describedby=help-block-@link-color value=@brand-primary data-var=@link-color> <p class=help-block id=help-block-@link-color>Global textual link color.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@link-hover-color>@link-hover-color</label> <input class=form-control id=input-@link-hover-color aria-describedby=help-block-@link-hover-color value="darken(@link-color, 15%)" data-var=@link-hover-color> <p class=help-block id=help-block-@link-hover-color>Link hover color set via <code>darken()</code> function.</p> </div> <div class=col-xs-4> <label for=input-@link-hover-decoration>@link-hover-decoration</label> <input class=form-control id=input-@link-hover-decoration aria-describedby=help-block-@link-hover-decoration value=underline data-var=@link-hover-decoration> <p class=help-block id=help-block-@link-hover-decoration>Link hover decoration.</p> </div> </div> <h2 id=typography>Typography</h2> <p>Font, line-height, and color for body text, headings, and more.</p> <div class=row> <div class=col-xs-4> <label for=input-@font-family-sans-serif>@font-family-sans-serif</label> <input class=form-control id=input-@font-family-sans-serif value="&quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif" data-var=@font-family-sans-serif> </div> <div class=col-xs-4> <label for=input-@font-family-serif>@font-family-serif</label> <input class=form-control id=input-@font-family-serif value="Georgia, &quot;Times New Roman&quot;, Times, serif" data-var=@font-family-serif> </div> <div class=col-xs-4> <label for=input-@font-family-monospace>@font-family-monospace</label> <input class=form-control id=input-@font-family-monospace aria-describedby=help-block-@font-family-monospace value="Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace" data-var=@font-family-monospace> <p class=help-block id=help-block-@font-family-monospace>Default monospace fonts for <code>&lt;code&gt;</code>, <code>&lt;kbd&gt;</code>, and <code>&lt;pre&gt;</code>.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@font-family-base>@font-family-base</label> <input class=form-control id=input-@font-family-base value=@font-family-sans-serif data-var=@font-family-base> </div> <div class=col-xs-4> <label for=input-@font-size-base>@font-size-base</label> <input class=form-control id=input-@font-size-base value=14px data-var=@font-size-base> </div> <div class=col-xs-4> <label for=input-@font-size-large>@font-size-large</label> <input class=form-control id=input-@font-size-large value="ceil((@font-size-base * 1.25))" data-var=@font-size-large> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@font-size-small>@font-size-small</label> <input class=form-control id=input-@font-size-small value="ceil((@font-size-base * 0.85))" data-var=@font-size-small> </div> <div class=col-xs-4> <label for=input-@font-size-h1>@font-size-h1</label> <input class=form-control id=input-@font-size-h1 value="floor((@font-size-base * 2.6))" data-var=@font-size-h1> </div> <div class=col-xs-4> <label for=input-@font-size-h2>@font-size-h2</label> <input class=form-control id=input-@font-size-h2 value="floor((@font-size-base * 2.15))" data-var=@font-size-h2> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@font-size-h3>@font-size-h3</label> <input class=form-control id=input-@font-size-h3 value="ceil((@font-size-base * 1.7))" data-var=@font-size-h3> </div> <div class=col-xs-4> <label for=input-@font-size-h4>@font-size-h4</label> <input class=form-control id=input-@font-size-h4 value="ceil((@font-size-base * 1.25))" data-var=@font-size-h4> </div> <div class=col-xs-4> <label for=input-@font-size-h5>@font-size-h5</label> <input class=form-control id=input-@font-size-h5 value=@font-size-base data-var=@font-size-h5> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@font-size-h6>@font-size-h6</label> <input class=form-control id=input-@font-size-h6 value="ceil((@font-size-base * 0.85))" data-var=@font-size-h6> </div> <div class=col-xs-4> <label for=input-@line-height-base>@line-height-base</label> <input class=form-control id=input-@line-height-base aria-describedby=help-block-@line-height-base value=1.428571429 data-var=@line-height-base> <p class=help-block id=help-block-@line-height-base>Unit-less <code>line-height</code> for use in components like buttons.</p> </div> <div class=col-xs-4> <label for=input-@line-height-computed>@line-height-computed</label> <input class=form-control id=input-@line-height-computed aria-describedby=help-block-@line-height-computed value="floor((@font-size-base * @line-height-base))" data-var=@line-height-computed> <p class=help-block id=help-block-@line-height-computed>Computed &quot;line-height&quot; (<code>font-size</code> * <code>line-height</code>) for use with <code>margin</code>, <code>padding</code>, etc.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@headings-font-family>@headings-font-family</label> <input class=form-control id=input-@headings-font-family aria-describedby=help-block-@headings-font-family value=inherit data-var=@headings-font-family> <p class=help-block id=help-block-@headings-font-family>By default, this inherits from the <code>&lt;body&gt;</code>.</p> </div> <div class=col-xs-4> <label for=input-@headings-font-weight>@headings-font-weight</label> <input class=form-control id=input-@headings-font-weight value=500 data-var=@headings-font-weight> </div> <div class=col-xs-4> <label for=input-@headings-line-height>@headings-line-height</label> <input class=form-control id=input-@headings-line-height value=1.1 data-var=@headings-line-height> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@headings-color>@headings-color</label> <input class=form-control id=input-@headings-color value=inherit data-var=@headings-color> </div> </div> <h2 id=iconography>Iconography</h2> <p>Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.</p> <div class=row> <div class=col-xs-4> <label for=input-@icon-font-path>@icon-font-path</label> <input class=form-control id=input-@icon-font-path aria-describedby=help-block-@icon-font-path value=&quot;../fonts/&quot; data-var=@icon-font-path> <p class=help-block id=help-block-@icon-font-path>Load fonts from this directory.</p> </div> <div class=col-xs-4> <label for=input-@icon-font-name>@icon-font-name</label> <input class=form-control id=input-@icon-font-name aria-describedby=help-block-@icon-font-name value=&quot;glyphicons-halflings-regular&quot; data-var=@icon-font-name> <p class=help-block id=help-block-@icon-font-name>File name for all font files.</p> </div> <div class=col-xs-4> <label for=input-@icon-font-svg-id>@icon-font-svg-id</label> <input class=form-control id=input-@icon-font-svg-id aria-describedby=help-block-@icon-font-svg-id value=&quot;glyphicons_halflingsregular&quot; data-var=@icon-font-svg-id> <p class=help-block id=help-block-@icon-font-svg-id>Element ID within SVG icon file.</p> </div> </div> <h2 id=components>Components</h2> <p>Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).</p> <div class=row> <div class=col-xs-4> <label for=input-@padding-base-vertical>@padding-base-vertical</label> <input class=form-control id=input-@padding-base-vertical value=6px data-var=@padding-base-vertical> </div> <div class=col-xs-4> <label for=input-@padding-base-horizontal>@padding-base-horizontal</label> <input class=form-control id=input-@padding-base-horizontal value=12px data-var=@padding-base-horizontal> </div> <div class=col-xs-4> <label for=input-@padding-large-vertical>@padding-large-vertical</label> <input class=form-control id=input-@padding-large-vertical value=10px data-var=@padding-large-vertical> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@padding-large-horizontal>@padding-large-horizontal</label> <input class=form-control id=input-@padding-large-horizontal value=16px data-var=@padding-large-horizontal> </div> <div class=col-xs-4> <label for=input-@padding-small-vertical>@padding-small-vertical</label> <input class=form-control id=input-@padding-small-vertical value=5px data-var=@padding-small-vertical> </div> <div class=col-xs-4> <label for=input-@padding-small-horizontal>@padding-small-horizontal</label> <input class=form-control id=input-@padding-small-horizontal value=10px data-var=@padding-small-horizontal> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@padding-xs-vertical>@padding-xs-vertical</label> <input class=form-control id=input-@padding-xs-vertical value=1px data-var=@padding-xs-vertical> </div> <div class=col-xs-4> <label for=input-@padding-xs-horizontal>@padding-xs-horizontal</label> <input class=form-control id=input-@padding-xs-horizontal value=5px data-var=@padding-xs-horizontal> </div> <div class=col-xs-4> <label for=input-@line-height-large>@line-height-large</label> <input class=form-control id=input-@line-height-large value=1.3333333 data-var=@line-height-large> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@line-height-small>@line-height-small</label> <input class=form-control id=input-@line-height-small value=1.5 data-var=@line-height-small> </div> <div class=col-xs-4> <label for=input-@border-radius-base>@border-radius-base</label> <input class=form-control id=input-@border-radius-base value=4px data-var=@border-radius-base> </div> <div class=col-xs-4> <label for=input-@border-radius-large>@border-radius-large</label> <input class=form-control id=input-@border-radius-large value=6px data-var=@border-radius-large> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@border-radius-small>@border-radius-small</label> <input class=form-control id=input-@border-radius-small value=3px data-var=@border-radius-small> </div> <div class=col-xs-4> <label for=input-@component-active-color>@component-active-color</label> <input class=form-control id=input-@component-active-color aria-describedby=help-block-@component-active-color value=#fff data-var=@component-active-color> <p class=help-block id=help-block-@component-active-color>Global color for active items (e.g., navs or dropdowns).</p> </div> <div class=col-xs-4> <label for=input-@component-active-bg>@component-active-bg</label> <input class=form-control id=input-@component-active-bg aria-describedby=help-block-@component-active-bg value=@brand-primary data-var=@component-active-bg> <p class=help-block id=help-block-@component-active-bg>Global background color for active items (e.g., navs or dropdowns).</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@caret-width-base>@caret-width-base</label> <input class=form-control id=input-@caret-width-base aria-describedby=help-block-@caret-width-base value=4px data-var=@caret-width-base> <p class=help-block id=help-block-@caret-width-base>Width of the <code>border</code> for generating carets that indicate dropdowns.</p> </div> <div class=col-xs-4> <label for=input-@caret-width-large>@caret-width-large</label> <input class=form-control id=input-@caret-width-large aria-describedby=help-block-@caret-width-large value=5px data-var=@caret-width-large> <p class=help-block id=help-block-@caret-width-large>Carets increase slightly in size for larger components.</p> </div> </div> <h2 id=tables>Tables</h2> <p>Customizes the <code>.table</code> component with basic values, each used across all table variations.</p> <div class=row> <div class=col-xs-4> <label for=input-@table-cell-padding>@table-cell-padding</label> <input class=form-control id=input-@table-cell-padding aria-describedby=help-block-@table-cell-padding value=8px data-var=@table-cell-padding> <p class=help-block id=help-block-@table-cell-padding>Padding for <code>&lt;th&gt;</code>s and <code>&lt;td&gt;</code>s.</p> </div> <div class=col-xs-4> <label for=input-@table-condensed-cell-padding>@table-condensed-cell-padding</label> <input class=form-control id=input-@table-condensed-cell-padding aria-describedby=help-block-@table-condensed-cell-padding value=5px data-var=@table-condensed-cell-padding> <p class=help-block id=help-block-@table-condensed-cell-padding>Padding for cells in <code>.table-condensed</code>.</p> </div> <div class=col-xs-4> <label for=input-@table-bg>@table-bg</label> <input class=form-control id=input-@table-bg aria-describedby=help-block-@table-bg value=transparent data-var=@table-bg> <p class=help-block id=help-block-@table-bg>Default background color used for all tables.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@table-bg-accent>@table-bg-accent</label> <input class=form-control id=input-@table-bg-accent aria-describedby=help-block-@table-bg-accent value=#f9f9f9 data-var=@table-bg-accent> <p class=help-block id=help-block-@table-bg-accent>Background color used for <code>.table-striped</code>.</p> </div> <div class=col-xs-4> <label for=input-@table-bg-hover>@table-bg-hover</label> <input class=form-control id=input-@table-bg-hover aria-describedby=help-block-@table-bg-hover value=#f5f5f5 data-var=@table-bg-hover> <p class=help-block id=help-block-@table-bg-hover>Background color used for <code>.table-hover</code>.</p> </div> <div class=col-xs-4> <label for=input-@table-bg-active>@table-bg-active</label> <input class=form-control id=input-@table-bg-active value=@table-bg-hover data-var=@table-bg-active> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@table-border-color>@table-border-color</label> <input class=form-control id=input-@table-border-color aria-describedby=help-block-@table-border-color value=#ddd data-var=@table-border-color> <p class=help-block id=help-block-@table-border-color>Border color for table and cell borders.</p> </div> </div> <h2 id=buttons>Buttons</h2> <p>For each of Bootstrap's buttons, define text, background and border color.</p> <div class=row> <div class=col-xs-4> <label for=input-@btn-font-weight>@btn-font-weight</label> <input class=form-control id=input-@btn-font-weight value=normal data-var=@btn-font-weight> </div> <div class=col-xs-4> <label for=input-@btn-default-color>@btn-default-color</label> <input class=form-control id=input-@btn-default-color value=#333 data-var=@btn-default-color> </div> <div class=col-xs-4> <label for=input-@btn-default-bg>@btn-default-bg</label> <input class=form-control id=input-@btn-default-bg value=#fff data-var=@btn-default-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-default-border>@btn-default-border</label> <input class=form-control id=input-@btn-default-border value=#ccc data-var=@btn-default-border> </div> <div class=col-xs-4> <label for=input-@btn-primary-color>@btn-primary-color</label> <input class=form-control id=input-@btn-primary-color value=#fff data-var=@btn-primary-color> </div> <div class=col-xs-4> <label for=input-@btn-primary-bg>@btn-primary-bg</label> <input class=form-control id=input-@btn-primary-bg value=@brand-primary data-var=@btn-primary-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-primary-border>@btn-primary-border</label> <input class=form-control id=input-@btn-primary-border value="darken(@btn-primary-bg, 5%)" data-var=@btn-primary-border> </div> <div class=col-xs-4> <label for=input-@btn-success-color>@btn-success-color</label> <input class=form-control id=input-@btn-success-color value=#fff data-var=@btn-success-color> </div> <div class=col-xs-4> <label for=input-@btn-success-bg>@btn-success-bg</label> <input class=form-control id=input-@btn-success-bg value=@brand-success data-var=@btn-success-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-success-border>@btn-success-border</label> <input class=form-control id=input-@btn-success-border value="darken(@btn-success-bg, 5%)" data-var=@btn-success-border> </div> <div class=col-xs-4> <label for=input-@btn-info-color>@btn-info-color</label> <input class=form-control id=input-@btn-info-color value=#fff data-var=@btn-info-color> </div> <div class=col-xs-4> <label for=input-@btn-info-bg>@btn-info-bg</label> <input class=form-control id=input-@btn-info-bg value=@brand-info data-var=@btn-info-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-info-border>@btn-info-border</label> <input class=form-control id=input-@btn-info-border value="darken(@btn-info-bg, 5%)" data-var=@btn-info-border> </div> <div class=col-xs-4> <label for=input-@btn-warning-color>@btn-warning-color</label> <input class=form-control id=input-@btn-warning-color value=#fff data-var=@btn-warning-color> </div> <div class=col-xs-4> <label for=input-@btn-warning-bg>@btn-warning-bg</label> <input class=form-control id=input-@btn-warning-bg value=@brand-warning data-var=@btn-warning-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-warning-border>@btn-warning-border</label> <input class=form-control id=input-@btn-warning-border value="darken(@btn-warning-bg, 5%)" data-var=@btn-warning-border> </div> <div class=col-xs-4> <label for=input-@btn-danger-color>@btn-danger-color</label> <input class=form-control id=input-@btn-danger-color value=#fff data-var=@btn-danger-color> </div> <div class=col-xs-4> <label for=input-@btn-danger-bg>@btn-danger-bg</label> <input class=form-control id=input-@btn-danger-bg value=@brand-danger data-var=@btn-danger-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-danger-border>@btn-danger-border</label> <input class=form-control id=input-@btn-danger-border value="darken(@btn-danger-bg, 5%)" data-var=@btn-danger-border> </div> <div class=col-xs-4> <label for=input-@btn-link-disabled-color>@btn-link-disabled-color</label> <input class=form-control id=input-@btn-link-disabled-color value=@gray-light data-var=@btn-link-disabled-color> </div> <div class=col-xs-4> <label for=input-@btn-border-radius-base>@btn-border-radius-base</label> <input class=form-control id=input-@btn-border-radius-base value=@border-radius-base data-var=@btn-border-radius-base> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-border-radius-large>@btn-border-radius-large</label> <input class=form-control id=input-@btn-border-radius-large value=@border-radius-large data-var=@btn-border-radius-large> </div> <div class=col-xs-4> <label for=input-@btn-border-radius-small>@btn-border-radius-small</label> <input class=form-control id=input-@btn-border-radius-small value=@border-radius-small data-var=@btn-border-radius-small> </div> </div> <h2 id=forms>Forms</h2> <div class=row> <div class=col-xs-4> <label for=input-@input-bg>@input-bg</label> <input class=form-control id=input-@input-bg aria-describedby=help-block-@input-bg value=#fff data-var=@input-bg> <p class=help-block id=help-block-@input-bg><code>&lt;input&gt;</code> background color</p> </div> <div class=col-xs-4> <label for=input-@input-bg-disabled>@input-bg-disabled</label> <input class=form-control id=input-@input-bg-disabled aria-describedby=help-block-@input-bg-disabled value=@gray-lighter data-var=@input-bg-disabled> <p class=help-block id=help-block-@input-bg-disabled><code>&lt;input disabled&gt;</code> background color</p> </div> <div class=col-xs-4> <label for=input-@input-color>@input-color</label> <input class=form-control id=input-@input-color aria-describedby=help-block-@input-color value=@gray data-var=@input-color> <p class=help-block id=help-block-@input-color>Text color for <code>&lt;input&gt;</code>s</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@input-border>@input-border</label> <input class=form-control id=input-@input-border aria-describedby=help-block-@input-border value=#ccc data-var=@input-border> <p class=help-block id=help-block-@input-border><code>&lt;input&gt;</code> border color</p> </div> <div class=col-xs-4> <label for=input-@input-border-radius>@input-border-radius</label> <input class=form-control id=input-@input-border-radius aria-describedby=help-block-@input-border-radius value=@border-radius-base data-var=@input-border-radius> <p class=help-block id=help-block-@input-border-radius>Default <code>.form-control</code> border radius</p> </div> <div class=col-xs-4> <label for=input-@input-border-radius-large>@input-border-radius-large</label> <input class=form-control id=input-@input-border-radius-large aria-describedby=help-block-@input-border-radius-large value=@border-radius-large data-var=@input-border-radius-large> <p class=help-block id=help-block-@input-border-radius-large>Large <code>.form-control</code> border radius</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@input-border-radius-small>@input-border-radius-small</label> <input class=form-control id=input-@input-border-radius-small aria-describedby=help-block-@input-border-radius-small value=@border-radius-small data-var=@input-border-radius-small> <p class=help-block id=help-block-@input-border-radius-small>Small <code>.form-control</code> border radius</p> </div> <div class=col-xs-4> <label for=input-@input-border-focus>@input-border-focus</label> <input class=form-control id=input-@input-border-focus aria-describedby=help-block-@input-border-focus value=#66afe9 data-var=@input-border-focus> <p class=help-block id=help-block-@input-border-focus>Border color for inputs on focus</p> </div> <div class=col-xs-4> <label for=input-@input-color-placeholder>@input-color-placeholder</label> <input class=form-control id=input-@input-color-placeholder aria-describedby=help-block-@input-color-placeholder value=#999 data-var=@input-color-placeholder> <p class=help-block id=help-block-@input-color-placeholder>Placeholder text color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@input-height-base>@input-height-base</label> <input class=form-control id=input-@input-height-base aria-describedby=help-block-@input-height-base value="(@line-height-computed + (@padding-base-vertical * 2) + 2)" data-var=@input-height-base> <p class=help-block id=help-block-@input-height-base>Default <code>.form-control</code> height</p> </div> <div class=col-xs-4> <label for=input-@input-height-large>@input-height-large</label> <input class=form-control id=input-@input-height-large aria-describedby=help-block-@input-height-large value="(ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2)" data-var=@input-height-large> <p class=help-block id=help-block-@input-height-large>Large <code>.form-control</code> height</p> </div> <div class=col-xs-4> <label for=input-@input-height-small>@input-height-small</label> <input class=form-control id=input-@input-height-small aria-describedby=help-block-@input-height-small value="(floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2)" data-var=@input-height-small> <p class=help-block id=help-block-@input-height-small>Small <code>.form-control</code> height</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@form-group-margin-bottom>@form-group-margin-bottom</label> <input class=form-control id=input-@form-group-margin-bottom aria-describedby=help-block-@form-group-margin-bottom value=15px data-var=@form-group-margin-bottom> <p class=help-block id=help-block-@form-group-margin-bottom><code>.form-group</code> margin</p> </div> <div class=col-xs-4> <label for=input-@legend-color>@legend-color</label> <input class=form-control id=input-@legend-color value=@gray-dark data-var=@legend-color> </div> <div class=col-xs-4> <label for=input-@legend-border-color>@legend-border-color</label> <input class=form-control id=input-@legend-border-color value=#e5e5e5 data-var=@legend-border-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@input-group-addon-bg>@input-group-addon-bg</label> <input class=form-control id=input-@input-group-addon-bg aria-describedby=help-block-@input-group-addon-bg value=@gray-lighter data-var=@input-group-addon-bg> <p class=help-block id=help-block-@input-group-addon-bg>Background color for textual input addons</p> </div> <div class=col-xs-4> <label for=input-@input-group-addon-border-color>@input-group-addon-border-color</label> <input class=form-control id=input-@input-group-addon-border-color aria-describedby=help-block-@input-group-addon-border-color value=@input-border data-var=@input-group-addon-border-color> <p class=help-block id=help-block-@input-group-addon-border-color>Border color for textual input addons</p> </div> <div class=col-xs-4> <label for=input-@cursor-disabled>@cursor-disabled</label> <input class=form-control id=input-@cursor-disabled aria-describedby=help-block-@cursor-disabled value=not-allowed data-var=@cursor-disabled> <p class=help-block id=help-block-@cursor-disabled>Disabled cursor for form controls and buttons.</p> </div> </div> <h2 id=dropdowns>Dropdowns</h2> <p>Dropdown menu container and contents.</p> <div class=row> <div class=col-xs-4> <label for=input-@dropdown-bg>@dropdown-bg</label> <input class=form-control id=input-@dropdown-bg aria-describedby=help-block-@dropdown-bg value=#fff data-var=@dropdown-bg> <p class=help-block id=help-block-@dropdown-bg>Background for the dropdown menu.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-border>@dropdown-border</label> <input class=form-control id=input-@dropdown-border aria-describedby=help-block-@dropdown-border value=rgba(0,0,0,.15) data-var=@dropdown-border> <p class=help-block id=help-block-@dropdown-border>Dropdown menu <code>border-color</code>.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-fallback-border>@dropdown-fallback-border</label> <input class=form-control id=input-@dropdown-fallback-border aria-describedby=help-block-@dropdown-fallback-border value=#ccc data-var=@dropdown-fallback-border> <p class=help-block id=help-block-@dropdown-fallback-border>Dropdown menu <code>border-color</code> <strong>for IE8</strong>.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@dropdown-divider-bg>@dropdown-divider-bg</label> <input class=form-control id=input-@dropdown-divider-bg aria-describedby=help-block-@dropdown-divider-bg value=#e5e5e5 data-var=@dropdown-divider-bg> <p class=help-block id=help-block-@dropdown-divider-bg>Divider color for between dropdown items.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-link-color>@dropdown-link-color</label> <input class=form-control id=input-@dropdown-link-color aria-describedby=help-block-@dropdown-link-color value=@gray-dark data-var=@dropdown-link-color> <p class=help-block id=help-block-@dropdown-link-color>Dropdown link text color.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-link-hover-color>@dropdown-link-hover-color</label> <input class=form-control id=input-@dropdown-link-hover-color aria-describedby=help-block-@dropdown-link-hover-color value="darken(@gray-dark, 5%)" data-var=@dropdown-link-hover-color> <p class=help-block id=help-block-@dropdown-link-hover-color>Hover color for dropdown links.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@dropdown-link-hover-bg>@dropdown-link-hover-bg</label> <input class=form-control id=input-@dropdown-link-hover-bg aria-describedby=help-block-@dropdown-link-hover-bg value=#f5f5f5 data-var=@dropdown-link-hover-bg> <p class=help-block id=help-block-@dropdown-link-hover-bg>Hover background for dropdown links.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-link-active-color>@dropdown-link-active-color</label> <input class=form-control id=input-@dropdown-link-active-color aria-describedby=help-block-@dropdown-link-active-color value=@component-active-color data-var=@dropdown-link-active-color> <p class=help-block id=help-block-@dropdown-link-active-color>Active dropdown menu item text color.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-link-active-bg>@dropdown-link-active-bg</label> <input class=form-control id=input-@dropdown-link-active-bg aria-describedby=help-block-@dropdown-link-active-bg value=@component-active-bg data-var=@dropdown-link-active-bg> <p class=help-block id=help-block-@dropdown-link-active-bg>Active dropdown menu item background color.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@dropdown-link-disabled-color>@dropdown-link-disabled-color</label> <input class=form-control id=input-@dropdown-link-disabled-color aria-describedby=help-block-@dropdown-link-disabled-color value=@gray-light data-var=@dropdown-link-disabled-color> <p class=help-block id=help-block-@dropdown-link-disabled-color>Disabled dropdown menu item background color.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-header-color>@dropdown-header-color</label> <input class=form-control id=input-@dropdown-header-color aria-describedby=help-block-@dropdown-header-color value=@gray-light data-var=@dropdown-header-color> <p class=help-block id=help-block-@dropdown-header-color>Text color for headers within dropdown menus.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-caret-color>@dropdown-caret-color</label> <input class=form-control id=input-@dropdown-caret-color aria-describedby=help-block-@dropdown-caret-color value=#000 data-var=@dropdown-caret-color> <p class=help-block id=help-block-@dropdown-caret-color>Deprecated <code>@dropdown-caret-color</code> as of v3.1.0</p> </div> </div> <h2 id=media-queries-breakpoints>Media queries breakpoints</h2> <p>Define the breakpoints at which your layout will change, adapting to different screen sizes.</p> <div class=row> <div class=col-xs-4> <label for=input-@screen-xs>@screen-xs</label> <input class=form-control id=input-@screen-xs aria-describedby=help-block-@screen-xs value=480px data-var=@screen-xs> <p class=help-block id=help-block-@screen-xs>Deprecated <code>@screen-xs</code> as of v3.0.1</p> </div> <div class=col-xs-4> <label for=input-@screen-xs-min>@screen-xs-min</label> <input class=form-control id=input-@screen-xs-min aria-describedby=help-block-@screen-xs-min value=@screen-xs data-var=@screen-xs-min> <p class=help-block id=help-block-@screen-xs-min>Deprecated <code>@screen-xs-min</code> as of v3.2.0</p> </div> <div class=col-xs-4> <label for=input-@screen-phone>@screen-phone</label> <input class=form-control id=input-@screen-phone aria-describedby=help-block-@screen-phone value=@screen-xs-min data-var=@screen-phone> <p class=help-block id=help-block-@screen-phone>Deprecated <code>@screen-phone</code> as of v3.0.1</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@screen-sm>@screen-sm</label> <input class=form-control id=input-@screen-sm aria-describedby=help-block-@screen-sm value=768px data-var=@screen-sm> <p class=help-block id=help-block-@screen-sm>Deprecated <code>@screen-sm</code> as of v3.0.1</p> </div> <div class=col-xs-4> <label for=input-@screen-sm-min>@screen-sm-min</label> <input class=form-control id=input-@screen-sm-min value=@screen-sm data-var=@screen-sm-min> </div> <div class=col-xs-4> <label for=input-@screen-tablet>@screen-tablet</label> <input class=form-control id=input-@screen-tablet aria-describedby=help-block-@screen-tablet value=@screen-sm-min data-var=@screen-tablet> <p class=help-block id=help-block-@screen-tablet>Deprecated <code>@screen-tablet</code> as of v3.0.1</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@screen-md>@screen-md</label> <input class=form-control id=input-@screen-md aria-describedby=help-block-@screen-md value=992px data-var=@screen-md> <p class=help-block id=help-block-@screen-md>Deprecated <code>@screen-md</code> as of v3.0.1</p> </div> <div class=col-xs-4> <label for=input-@screen-md-min>@screen-md-min</label> <input class=form-control id=input-@screen-md-min value=@screen-md data-var=@screen-md-min> </div> <div class=col-xs-4> <label for=input-@screen-desktop>@screen-desktop</label> <input class=form-control id=input-@screen-desktop aria-describedby=help-block-@screen-desktop value=@screen-md-min data-var=@screen-desktop> <p class=help-block id=help-block-@screen-desktop>Deprecated <code>@screen-desktop</code> as of v3.0.1</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@screen-lg>@screen-lg</label> <input class=form-control id=input-@screen-lg aria-describedby=help-block-@screen-lg value=1200px data-var=@screen-lg> <p class=help-block id=help-block-@screen-lg>Deprecated <code>@screen-lg</code> as of v3.0.1</p> </div> <div class=col-xs-4> <label for=input-@screen-lg-min>@screen-lg-min</label> <input class=form-control id=input-@screen-lg-min value=@screen-lg data-var=@screen-lg-min> </div> <div class=col-xs-4> <label for=input-@screen-lg-desktop>@screen-lg-desktop</label> <input class=form-control id=input-@screen-lg-desktop aria-describedby=help-block-@screen-lg-desktop value=@screen-lg-min data-var=@screen-lg-desktop> <p class=help-block id=help-block-@screen-lg-desktop>Deprecated <code>@screen-lg-desktop</code> as of v3.0.1</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@screen-xs-max>@screen-xs-max</label> <input class=form-control id=input-@screen-xs-max value="(@screen-sm-min - 1)" data-var=@screen-xs-max> </div> <div class=col-xs-4> <label for=input-@screen-sm-max>@screen-sm-max</label> <input class=form-control id=input-@screen-sm-max value="(@screen-md-min - 1)" data-var=@screen-sm-max> </div> <div class=col-xs-4> <label for=input-@screen-md-max>@screen-md-max</label> <input class=form-control id=input-@screen-md-max value="(@screen-lg-min - 1)" data-var=@screen-md-max> </div> </div> <h2 id=grid-system>Grid system</h2> <p>Define your custom responsive grid.</p> <div class=row> <div class=col-xs-4> <label for=input-@grid-columns>@grid-columns</label> <input class=form-control id=input-@grid-columns aria-describedby=help-block-@grid-columns value=12 data-var=@grid-columns> <p class=help-block id=help-block-@grid-columns>Number of columns in the grid.</p> </div> <div class=col-xs-4> <label for=input-@grid-gutter-width>@grid-gutter-width</label> <input class=form-control id=input-@grid-gutter-width aria-describedby=help-block-@grid-gutter-width value=30px data-var=@grid-gutter-width> <p class=help-block id=help-block-@grid-gutter-width>Padding between columns. Gets divided in half for the left and right.</p> </div> <div class=col-xs-4> <label for=input-@grid-float-breakpoint>@grid-float-breakpoint</label> <input class=form-control id=input-@grid-float-breakpoint aria-describedby=help-block-@grid-float-breakpoint value=@screen-sm-min data-var=@grid-float-breakpoint> <p class=help-block id=help-block-@grid-float-breakpoint>Point at which the navbar becomes uncollapsed.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@grid-float-breakpoint-max>@grid-float-breakpoint-max</label> <input class=form-control id=input-@grid-float-breakpoint-max aria-describedby=help-block-@grid-float-breakpoint-max value="(@grid-float-breakpoint - 1)" data-var=@grid-float-breakpoint-max> <p class=help-block id=help-block-@grid-float-breakpoint-max>Point at which the navbar begins collapsing.</p> </div> </div> <h2 id=container-sizes>Container sizes</h2> <p>Define the maximum width of <code>.container</code> for different screen sizes.</p> <div class=row> <div class=col-xs-4> <label for=input-@container-tablet>@container-tablet</label> <input class=form-control id=input-@container-tablet value="(720px + @grid-gutter-width)" data-var=@container-tablet> </div> <div class=col-xs-4> <label for=input-@container-sm>@container-sm</label> <input class=form-control id=input-@container-sm aria-describedby=help-block-@container-sm value=@container-tablet data-var=@container-sm> <p class=help-block id=help-block-@container-sm>For <code>@screen-sm-min</code> and up.</p> </div> <div class=col-xs-4> <label for=input-@container-desktop>@container-desktop</label> <input class=form-control id=input-@container-desktop value="(940px + @grid-gutter-width)" data-var=@container-desktop> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@container-md>@container-md</label> <input class=form-control id=input-@container-md aria-describedby=help-block-@container-md value=@container-desktop data-var=@container-md> <p class=help-block id=help-block-@container-md>For <code>@screen-md-min</code> and up.</p> </div> <div class=col-xs-4> <label for=input-@container-large-desktop>@container-large-desktop</label> <input class=form-control id=input-@container-large-desktop value="(1140px + @grid-gutter-width)" data-var=@container-large-desktop> </div> <div class=col-xs-4> <label for=input-@container-lg>@container-lg</label> <input class=form-control id=input-@container-lg aria-describedby=help-block-@container-lg value=@container-large-desktop data-var=@container-lg> <p class=help-block id=help-block-@container-lg>For <code>@screen-lg-min</code> and up.</p> </div> </div> <h2 id=navbar>Navbar</h2> <div class=row> <div class=col-xs-4> <label for=input-@navbar-height>@navbar-height</label> <input class=form-control id=input-@navbar-height value=50px data-var=@navbar-height> </div> <div class=col-xs-4> <label for=input-@navbar-margin-bottom>@navbar-margin-bottom</label> <input class=form-control id=input-@navbar-margin-bottom value=@line-height-computed data-var=@navbar-margin-bottom> </div> <div class=col-xs-4> <label for=input-@navbar-border-radius>@navbar-border-radius</label> <input class=form-control id=input-@navbar-border-radius value=@border-radius-base data-var=@navbar-border-radius> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-padding-horizontal>@navbar-padding-horizontal</label> <input class=form-control id=input-@navbar-padding-horizontal value="floor((@grid-gutter-width / 2))" data-var=@navbar-padding-horizontal> </div> <div class=col-xs-4> <label for=input-@navbar-padding-vertical>@navbar-padding-vertical</label> <input class=form-control id=input-@navbar-padding-vertical value="((@navbar-height - @line-height-computed) / 2)" data-var=@navbar-padding-vertical> </div> <div class=col-xs-4> <label for=input-@navbar-collapse-max-height>@navbar-collapse-max-height</label> <input class=form-control id=input-@navbar-collapse-max-height value=340px data-var=@navbar-collapse-max-height> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-color>@navbar-default-color</label> <input class=form-control id=input-@navbar-default-color value=#777 data-var=@navbar-default-color> </div> <div class=col-xs-4> <label for=input-@navbar-default-bg>@navbar-default-bg</label> <input class=form-control id=input-@navbar-default-bg value=#f8f8f8 data-var=@navbar-default-bg> </div> <div class=col-xs-4> <label for=input-@navbar-default-border>@navbar-default-border</label> <input class=form-control id=input-@navbar-default-border value="darken(@navbar-default-bg, 6.5%)" data-var=@navbar-default-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-link-color>@navbar-default-link-color</label> <input class=form-control id=input-@navbar-default-link-color value=#777 data-var=@navbar-default-link-color> </div> <div class=col-xs-4> <label for=input-@navbar-default-link-hover-color>@navbar-default-link-hover-color</label> <input class=form-control id=input-@navbar-default-link-hover-color value=#333 data-var=@navbar-default-link-hover-color> </div> <div class=col-xs-4> <label for=input-@navbar-default-link-hover-bg>@navbar-default-link-hover-bg</label> <input class=form-control id=input-@navbar-default-link-hover-bg value=transparent data-var=@navbar-default-link-hover-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-link-active-color>@navbar-default-link-active-color</label> <input class=form-control id=input-@navbar-default-link-active-color value=#555 data-var=@navbar-default-link-active-color> </div> <div class=col-xs-4> <label for=input-@navbar-default-link-active-bg>@navbar-default-link-active-bg</label> <input class=form-control id=input-@navbar-default-link-active-bg value="darken(@navbar-default-bg, 6.5%)" data-var=@navbar-default-link-active-bg> </div> <div class=col-xs-4> <label for=input-@navbar-default-link-disabled-color>@navbar-default-link-disabled-color</label> <input class=form-control id=input-@navbar-default-link-disabled-color value=#ccc data-var=@navbar-default-link-disabled-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-link-disabled-bg>@navbar-default-link-disabled-bg</label> <input class=form-control id=input-@navbar-default-link-disabled-bg value=transparent data-var=@navbar-default-link-disabled-bg> </div> <div class=col-xs-4> <label for=input-@navbar-default-brand-color>@navbar-default-brand-color</label> <input class=form-control id=input-@navbar-default-brand-color value=@navbar-default-link-color data-var=@navbar-default-brand-color> </div> <div class=col-xs-4> <label for=input-@navbar-default-brand-hover-color>@navbar-default-brand-hover-color</label> <input class=form-control id=input-@navbar-default-brand-hover-color value="darken(@navbar-default-brand-color, 10%)" data-var=@navbar-default-brand-hover-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-brand-hover-bg>@navbar-default-brand-hover-bg</label> <input class=form-control id=input-@navbar-default-brand-hover-bg value=transparent data-var=@navbar-default-brand-hover-bg> </div> <div class=col-xs-4> <label for=input-@navbar-default-toggle-hover-bg>@navbar-default-toggle-hover-bg</label> <input class=form-control id=input-@navbar-default-toggle-hover-bg value=#ddd data-var=@navbar-default-toggle-hover-bg> </div> <div class=col-xs-4> <label for=input-@navbar-default-toggle-icon-bar-bg>@navbar-default-toggle-icon-bar-bg</label> <input class=form-control id=input-@navbar-default-toggle-icon-bar-bg value=#888 data-var=@navbar-default-toggle-icon-bar-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-toggle-border-color>@navbar-default-toggle-border-color</label> <input class=form-control id=input-@navbar-default-toggle-border-color value=#ddd data-var=@navbar-default-toggle-border-color> </div> </div> <h3 id=inverted-navbar>Inverted navbar</h3> <div class=row> <div class=col-xs-4> <label for=input-@navbar-inverse-color>@navbar-inverse-color</label> <input class=form-control id=input-@navbar-inverse-color value="lighten(@gray-light, 15%)" data-var=@navbar-inverse-color> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-bg>@navbar-inverse-bg</label> <input class=form-control id=input-@navbar-inverse-bg value=#222 data-var=@navbar-inverse-bg> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-border>@navbar-inverse-border</label> <input class=form-control id=input-@navbar-inverse-border value="darken(@navbar-inverse-bg, 10%)" data-var=@navbar-inverse-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-color>@navbar-inverse-link-color</label> <input class=form-control id=input-@navbar-inverse-link-color value="lighten(@gray-light, 15%)" data-var=@navbar-inverse-link-color> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-hover-color>@navbar-inverse-link-hover-color</label> <input class=form-control id=input-@navbar-inverse-link-hover-color value=#fff data-var=@navbar-inverse-link-hover-color> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-hover-bg>@navbar-inverse-link-hover-bg</label> <input class=form-control id=input-@navbar-inverse-link-hover-bg value=transparent data-var=@navbar-inverse-link-hover-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-active-color>@navbar-inverse-link-active-color</label> <input class=form-control id=input-@navbar-inverse-link-active-color value=@navbar-inverse-link-hover-color data-var=@navbar-inverse-link-active-color> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-active-bg>@navbar-inverse-link-active-bg</label> <input class=form-control id=input-@navbar-inverse-link-active-bg value="darken(@navbar-inverse-bg, 10%)" data-var=@navbar-inverse-link-active-bg> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-disabled-color>@navbar-inverse-link-disabled-color</label> <input class=form-control id=input-@navbar-inverse-link-disabled-color value=#444 data-var=@navbar-inverse-link-disabled-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-disabled-bg>@navbar-inverse-link-disabled-bg</label> <input class=form-control id=input-@navbar-inverse-link-disabled-bg value=transparent data-var=@navbar-inverse-link-disabled-bg> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-brand-color>@navbar-inverse-brand-color</label> <input class=form-control id=input-@navbar-inverse-brand-color value=@navbar-inverse-link-color data-var=@navbar-inverse-brand-color> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-brand-hover-color>@navbar-inverse-brand-hover-color</label> <input class=form-control id=input-@navbar-inverse-brand-hover-color value=#fff data-var=@navbar-inverse-brand-hover-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-inverse-brand-hover-bg>@navbar-inverse-brand-hover-bg</label> <input class=form-control id=input-@navbar-inverse-brand-hover-bg value=transparent data-var=@navbar-inverse-brand-hover-bg> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-toggle-hover-bg>@navbar-inverse-toggle-hover-bg</label> <input class=form-control id=input-@navbar-inverse-toggle-hover-bg value=#333 data-var=@navbar-inverse-toggle-hover-bg> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-toggle-icon-bar-bg>@navbar-inverse-toggle-icon-bar-bg</label> <input class=form-control id=input-@navbar-inverse-toggle-icon-bar-bg value=#fff data-var=@navbar-inverse-toggle-icon-bar-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-inverse-toggle-border-color>@navbar-inverse-toggle-border-color</label> <input class=form-control id=input-@navbar-inverse-toggle-border-color value=#333 data-var=@navbar-inverse-toggle-border-color> </div> </div> <h2 id=navs>Navs</h2> <h3 id=shared-nav-styles>Shared nav styles</h3> <div class=row> <div class=col-xs-4> <label for=input-@nav-link-padding>@nav-link-padding</label> <input class=form-control id=input-@nav-link-padding value="10px 15px" data-var=@nav-link-padding> </div> <div class=col-xs-4> <label for=input-@nav-link-hover-bg>@nav-link-hover-bg</label> <input class=form-control id=input-@nav-link-hover-bg value=@gray-lighter data-var=@nav-link-hover-bg> </div> <div class=col-xs-4> <label for=input-@nav-disabled-link-color>@nav-disabled-link-color</label> <input class=form-control id=input-@nav-disabled-link-color value=@gray-light data-var=@nav-disabled-link-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@nav-disabled-link-hover-color>@nav-disabled-link-hover-color</label> <input class=form-control id=input-@nav-disabled-link-hover-color value=@gray-light data-var=@nav-disabled-link-hover-color> </div> </div> <h2 id=tabs>Tabs</h2> <div class=row> <div class=col-xs-4> <label for=input-@nav-tabs-border-color>@nav-tabs-border-color</label> <input class=form-control id=input-@nav-tabs-border-color value=#ddd data-var=@nav-tabs-border-color> </div> <div class=col-xs-4> <label for=input-@nav-tabs-link-hover-border-color>@nav-tabs-link-hover-border-color</label> <input class=form-control id=input-@nav-tabs-link-hover-border-color value=@gray-lighter data-var=@nav-tabs-link-hover-border-color> </div> <div class=col-xs-4> <label for=input-@nav-tabs-active-link-hover-bg>@nav-tabs-active-link-hover-bg</label> <input class=form-control id=input-@nav-tabs-active-link-hover-bg value=@body-bg data-var=@nav-tabs-active-link-hover-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@nav-tabs-active-link-hover-color>@nav-tabs-active-link-hover-color</label> <input class=form-control id=input-@nav-tabs-active-link-hover-color value=@gray data-var=@nav-tabs-active-link-hover-color> </div> <div class=col-xs-4> <label for=input-@nav-tabs-active-link-hover-border-color>@nav-tabs-active-link-hover-border-color</label> <input class=form-control id=input-@nav-tabs-active-link-hover-border-color value=#ddd data-var=@nav-tabs-active-link-hover-border-color> </div> <div class=col-xs-4> <label for=input-@nav-tabs-justified-link-border-color>@nav-tabs-justified-link-border-color</label> <input class=form-control id=input-@nav-tabs-justified-link-border-color value=#ddd data-var=@nav-tabs-justified-link-border-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@nav-tabs-justified-active-link-border-color>@nav-tabs-justified-active-link-border-color</label> <input class=form-control id=input-@nav-tabs-justified-active-link-border-color value=@body-bg data-var=@nav-tabs-justified-active-link-border-color> </div> </div> <h2 id=pills>Pills</h2> <div class=row> <div class=col-xs-4> <label for=input-@nav-pills-border-radius>@nav-pills-border-radius</label> <input class=form-control id=input-@nav-pills-border-radius value=@border-radius-base data-var=@nav-pills-border-radius> </div> <div class=col-xs-4> <label for=input-@nav-pills-active-link-hover-bg>@nav-pills-active-link-hover-bg</label> <input class=form-control id=input-@nav-pills-active-link-hover-bg value=@component-active-bg data-var=@nav-pills-active-link-hover-bg> </div> <div class=col-xs-4> <label for=input-@nav-pills-active-link-hover-color>@nav-pills-active-link-hover-color</label> <input class=form-control id=input-@nav-pills-active-link-hover-color value=@component-active-color data-var=@nav-pills-active-link-hover-color> </div> </div> <h2 id=pagination>Pagination</h2> <div class=row> <div class=col-xs-4> <label for=input-@pagination-color>@pagination-color</label> <input class=form-control id=input-@pagination-color value=@link-color data-var=@pagination-color> </div> <div class=col-xs-4> <label for=input-@pagination-bg>@pagination-bg</label> <input class=form-control id=input-@pagination-bg value=#fff data-var=@pagination-bg> </div> <div class=col-xs-4> <label for=input-@pagination-border>@pagination-border</label> <input class=form-control id=input-@pagination-border value=#ddd data-var=@pagination-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pagination-hover-color>@pagination-hover-color</label> <input class=form-control id=input-@pagination-hover-color value=@link-hover-color data-var=@pagination-hover-color> </div> <div class=col-xs-4> <label for=input-@pagination-hover-bg>@pagination-hover-bg</label> <input class=form-control id=input-@pagination-hover-bg value=@gray-lighter data-var=@pagination-hover-bg> </div> <div class=col-xs-4> <label for=input-@pagination-hover-border>@pagination-hover-border</label> <input class=form-control id=input-@pagination-hover-border value=#ddd data-var=@pagination-hover-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pagination-active-color>@pagination-active-color</label> <input class=form-control id=input-@pagination-active-color value=#fff data-var=@pagination-active-color> </div> <div class=col-xs-4> <label for=input-@pagination-active-bg>@pagination-active-bg</label> <input class=form-control id=input-@pagination-active-bg value=@brand-primary data-var=@pagination-active-bg> </div> <div class=col-xs-4> <label for=input-@pagination-active-border>@pagination-active-border</label> <input class=form-control id=input-@pagination-active-border value=@brand-primary data-var=@pagination-active-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pagination-disabled-color>@pagination-disabled-color</label> <input class=form-control id=input-@pagination-disabled-color value=@gray-light data-var=@pagination-disabled-color> </div> <div class=col-xs-4> <label for=input-@pagination-disabled-bg>@pagination-disabled-bg</label> <input class=form-control id=input-@pagination-disabled-bg value=#fff data-var=@pagination-disabled-bg> </div> <div class=col-xs-4> <label for=input-@pagination-disabled-border>@pagination-disabled-border</label> <input class=form-control id=input-@pagination-disabled-border value=#ddd data-var=@pagination-disabled-border> </div> </div> <h2 id=pager>Pager</h2> <div class=row> <div class=col-xs-4> <label for=input-@pager-bg>@pager-bg</label> <input class=form-control id=input-@pager-bg value=@pagination-bg data-var=@pager-bg> </div> <div class=col-xs-4> <label for=input-@pager-border>@pager-border</label> <input class=form-control id=input-@pager-border value=@pagination-border data-var=@pager-border> </div> <div class=col-xs-4> <label for=input-@pager-border-radius>@pager-border-radius</label> <input class=form-control id=input-@pager-border-radius value=15px data-var=@pager-border-radius> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pager-hover-bg>@pager-hover-bg</label> <input class=form-control id=input-@pager-hover-bg value=@pagination-hover-bg data-var=@pager-hover-bg> </div> <div class=col-xs-4> <label for=input-@pager-active-bg>@pager-active-bg</label> <input class=form-control id=input-@pager-active-bg value=@pagination-active-bg data-var=@pager-active-bg> </div> <div class=col-xs-4> <label for=input-@pager-active-color>@pager-active-color</label> <input class=form-control id=input-@pager-active-color value=@pagination-active-color data-var=@pager-active-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pager-disabled-color>@pager-disabled-color</label> <input class=form-control id=input-@pager-disabled-color value=@pagination-disabled-color data-var=@pager-disabled-color> </div> </div> <h2 id=jumbotron>Jumbotron</h2> <div class=row> <div class=col-xs-4> <label for=input-@jumbotron-padding>@jumbotron-padding</label> <input class=form-control id=input-@jumbotron-padding value=30px data-var=@jumbotron-padding> </div> <div class=col-xs-4> <label for=input-@jumbotron-color>@jumbotron-color</label> <input class=form-control id=input-@jumbotron-color value=inherit data-var=@jumbotron-color> </div> <div class=col-xs-4> <label for=input-@jumbotron-bg>@jumbotron-bg</label> <input class=form-control id=input-@jumbotron-bg value=@gray-lighter data-var=@jumbotron-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@jumbotron-heading-color>@jumbotron-heading-color</label> <input class=form-control id=input-@jumbotron-heading-color value=inherit data-var=@jumbotron-heading-color> </div> <div class=col-xs-4> <label for=input-@jumbotron-font-size>@jumbotron-font-size</label> <input class=form-control id=input-@jumbotron-font-size value="ceil((@font-size-base * 1.5))" data-var=@jumbotron-font-size> </div> <div class=col-xs-4> <label for=input-@jumbotron-heading-font-size>@jumbotron-heading-font-size</label> <input class=form-control id=input-@jumbotron-heading-font-size value="ceil((@font-size-base * 4.5))" data-var=@jumbotron-heading-font-size> </div> </div> <h2 id=form-states-and-alerts>Form states and alerts</h2> <p>Define colors for form feedback states and, by default, alerts.</p> <div class=row> <div class=col-xs-4> <label for=input-@state-success-text>@state-success-text</label> <input class=form-control id=input-@state-success-text value=#3c763d data-var=@state-success-text> </div> <div class=col-xs-4> <label for=input-@state-success-bg>@state-success-bg</label> <input class=form-control id=input-@state-success-bg value=#dff0d8 data-var=@state-success-bg> </div> <div class=col-xs-4> <label for=input-@state-success-border>@state-success-border</label> <input class=form-control id=input-@state-success-border value="darken(spin(@state-success-bg, -10), 5%)" data-var=@state-success-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@state-info-text>@state-info-text</label> <input class=form-control id=input-@state-info-text value=#31708f data-var=@state-info-text> </div> <div class=col-xs-4> <label for=input-@state-info-bg>@state-info-bg</label> <input class=form-control id=input-@state-info-bg value=#d9edf7 data-var=@state-info-bg> </div> <div class=col-xs-4> <label for=input-@state-info-border>@state-info-border</label> <input class=form-control id=input-@state-info-border value="darken(spin(@state-info-bg, -10), 7%)" data-var=@state-info-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@state-warning-text>@state-warning-text</label> <input class=form-control id=input-@state-warning-text value=#8a6d3b data-var=@state-warning-text> </div> <div class=col-xs-4> <label for=input-@state-warning-bg>@state-warning-bg</label> <input class=form-control id=input-@state-warning-bg value=#fcf8e3 data-var=@state-warning-bg> </div> <div class=col-xs-4> <label for=input-@state-warning-border>@state-warning-border</label> <input class=form-control id=input-@state-warning-border value="darken(spin(@state-warning-bg, -10), 5%)" data-var=@state-warning-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@state-danger-text>@state-danger-text</label> <input class=form-control id=input-@state-danger-text value=#a94442 data-var=@state-danger-text> </div> <div class=col-xs-4> <label for=input-@state-danger-bg>@state-danger-bg</label> <input class=form-control id=input-@state-danger-bg value=#f2dede data-var=@state-danger-bg> </div> <div class=col-xs-4> <label for=input-@state-danger-border>@state-danger-border</label> <input class=form-control id=input-@state-danger-border value="darken(spin(@state-danger-bg, -10), 5%)" data-var=@state-danger-border> </div> </div> <h2 id=tooltips>Tooltips</h2> <div class=row> <div class=col-xs-4> <label for=input-@tooltip-max-width>@tooltip-max-width</label> <input class=form-control id=input-@tooltip-max-width aria-describedby=help-block-@tooltip-max-width value=200px data-var=@tooltip-max-width> <p class=help-block id=help-block-@tooltip-max-width>Tooltip max width</p> </div> <div class=col-xs-4> <label for=input-@tooltip-color>@tooltip-color</label> <input class=form-control id=input-@tooltip-color aria-describedby=help-block-@tooltip-color value=#fff data-var=@tooltip-color> <p class=help-block id=help-block-@tooltip-color>Tooltip text color</p> </div> <div class=col-xs-4> <label for=input-@tooltip-bg>@tooltip-bg</label> <input class=form-control id=input-@tooltip-bg aria-describedby=help-block-@tooltip-bg value=#000 data-var=@tooltip-bg> <p class=help-block id=help-block-@tooltip-bg>Tooltip background color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@tooltip-opacity>@tooltip-opacity</label> <input class=form-control id=input-@tooltip-opacity value=.9 data-var=@tooltip-opacity> </div> <div class=col-xs-4> <label for=input-@tooltip-arrow-width>@tooltip-arrow-width</label> <input class=form-control id=input-@tooltip-arrow-width aria-describedby=help-block-@tooltip-arrow-width value=5px data-var=@tooltip-arrow-width> <p class=help-block id=help-block-@tooltip-arrow-width>Tooltip arrow width</p> </div> <div class=col-xs-4> <label for=input-@tooltip-arrow-color>@tooltip-arrow-color</label> <input class=form-control id=input-@tooltip-arrow-color aria-describedby=help-block-@tooltip-arrow-color value=@tooltip-bg data-var=@tooltip-arrow-color> <p class=help-block id=help-block-@tooltip-arrow-color>Tooltip arrow color</p> </div> </div> <h2 id=popovers>Popovers</h2> <div class=row> <div class=col-xs-4> <label for=input-@popover-bg>@popover-bg</label> <input class=form-control id=input-@popover-bg aria-describedby=help-block-@popover-bg value=#fff data-var=@popover-bg> <p class=help-block id=help-block-@popover-bg>Popover body background color</p> </div> <div class=col-xs-4> <label for=input-@popover-max-width>@popover-max-width</label> <input class=form-control id=input-@popover-max-width aria-describedby=help-block-@popover-max-width value=276px data-var=@popover-max-width> <p class=help-block id=help-block-@popover-max-width>Popover maximum width</p> </div> <div class=col-xs-4> <label for=input-@popover-border-color>@popover-border-color</label> <input class=form-control id=input-@popover-border-color aria-describedby=help-block-@popover-border-color value=rgba(0,0,0,.2) data-var=@popover-border-color> <p class=help-block id=help-block-@popover-border-color>Popover border color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@popover-fallback-border-color>@popover-fallback-border-color</label> <input class=form-control id=input-@popover-fallback-border-color aria-describedby=help-block-@popover-fallback-border-color value=#ccc data-var=@popover-fallback-border-color> <p class=help-block id=help-block-@popover-fallback-border-color>Popover fallback border color</p> </div> <div class=col-xs-4> <label for=input-@popover-title-bg>@popover-title-bg</label> <input class=form-control id=input-@popover-title-bg aria-describedby=help-block-@popover-title-bg value="darken(@popover-bg, 3%)" data-var=@popover-title-bg> <p class=help-block id=help-block-@popover-title-bg>Popover title background color</p> </div> <div class=col-xs-4> <label for=input-@popover-arrow-width>@popover-arrow-width</label> <input class=form-control id=input-@popover-arrow-width aria-describedby=help-block-@popover-arrow-width value=10px data-var=@popover-arrow-width> <p class=help-block id=help-block-@popover-arrow-width>Popover arrow width</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@popover-arrow-color>@popover-arrow-color</label> <input class=form-control id=input-@popover-arrow-color aria-describedby=help-block-@popover-arrow-color value=@popover-bg data-var=@popover-arrow-color> <p class=help-block id=help-block-@popover-arrow-color>Popover arrow color</p> </div> <div class=col-xs-4> <label for=input-@popover-arrow-outer-width>@popover-arrow-outer-width</label> <input class=form-control id=input-@popover-arrow-outer-width aria-describedby=help-block-@popover-arrow-outer-width value="(@popover-arrow-width + 1)" data-var=@popover-arrow-outer-width> <p class=help-block id=help-block-@popover-arrow-outer-width>Popover outer arrow width</p> </div> <div class=col-xs-4> <label for=input-@popover-arrow-outer-color>@popover-arrow-outer-color</label> <input class=form-control id=input-@popover-arrow-outer-color aria-describedby=help-block-@popover-arrow-outer-color value="fadein(@popover-border-color, 5%)" data-var=@popover-arrow-outer-color> <p class=help-block id=help-block-@popover-arrow-outer-color>Popover outer arrow color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@popover-arrow-outer-fallback-color>@popover-arrow-outer-fallback-color</label> <input class=form-control id=input-@popover-arrow-outer-fallback-color aria-describedby=help-block-@popover-arrow-outer-fallback-color value="darken(@popover-fallback-border-color, 20%)" data-var=@popover-arrow-outer-fallback-color> <p class=help-block id=help-block-@popover-arrow-outer-fallback-color>Popover outer arrow fallback color</p> </div> </div> <h2 id=labels>Labels</h2> <div class=row> <div class=col-xs-4> <label for=input-@label-default-bg>@label-default-bg</label> <input class=form-control id=input-@label-default-bg aria-describedby=help-block-@label-default-bg value=@gray-light data-var=@label-default-bg> <p class=help-block id=help-block-@label-default-bg>Default label background color</p> </div> <div class=col-xs-4> <label for=input-@label-primary-bg>@label-primary-bg</label> <input class=form-control id=input-@label-primary-bg aria-describedby=help-block-@label-primary-bg value=@brand-primary data-var=@label-primary-bg> <p class=help-block id=help-block-@label-primary-bg>Primary label background color</p> </div> <div class=col-xs-4> <label for=input-@label-success-bg>@label-success-bg</label> <input class=form-control id=input-@label-success-bg aria-describedby=help-block-@label-success-bg value=@brand-success data-var=@label-success-bg> <p class=help-block id=help-block-@label-success-bg>Success label background color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@label-info-bg>@label-info-bg</label> <input class=form-control id=input-@label-info-bg aria-describedby=help-block-@label-info-bg value=@brand-info data-var=@label-info-bg> <p class=help-block id=help-block-@label-info-bg>Info label background color</p> </div> <div class=col-xs-4> <label for=input-@label-warning-bg>@label-warning-bg</label> <input class=form-control id=input-@label-warning-bg aria-describedby=help-block-@label-warning-bg value=@brand-warning data-var=@label-warning-bg> <p class=help-block id=help-block-@label-warning-bg>Warning label background color</p> </div> <div class=col-xs-4> <label for=input-@label-danger-bg>@label-danger-bg</label> <input class=form-control id=input-@label-danger-bg aria-describedby=help-block-@label-danger-bg value=@brand-danger data-var=@label-danger-bg> <p class=help-block id=help-block-@label-danger-bg>Danger label background color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@label-color>@label-color</label> <input class=form-control id=input-@label-color aria-describedby=help-block-@label-color value=#fff data-var=@label-color> <p class=help-block id=help-block-@label-color>Default label text color</p> </div> <div class=col-xs-4> <label for=input-@label-link-hover-color>@label-link-hover-color</label> <input class=form-control id=input-@label-link-hover-color aria-describedby=help-block-@label-link-hover-color value=#fff data-var=@label-link-hover-color> <p class=help-block id=help-block-@label-link-hover-color>Default text color of a linked label</p> </div> </div> <h2 id=modals>Modals</h2> <div class=row> <div class=col-xs-4> <label for=input-@modal-inner-padding>@modal-inner-padding</label> <input class=form-control id=input-@modal-inner-padding aria-describedby=help-block-@modal-inner-padding value=15px data-var=@modal-inner-padding> <p class=help-block id=help-block-@modal-inner-padding>Padding applied to the modal body</p> </div> <div class=col-xs-4> <label for=input-@modal-title-padding>@modal-title-padding</label> <input class=form-control id=input-@modal-title-padding aria-describedby=help-block-@modal-title-padding value=15px data-var=@modal-title-padding> <p class=help-block id=help-block-@modal-title-padding>Padding applied to the modal title</p> </div> <div class=col-xs-4> <label for=input-@modal-title-line-height>@modal-title-line-height</label> <input class=form-control id=input-@modal-title-line-height aria-describedby=help-block-@modal-title-line-height value=@line-height-base data-var=@modal-title-line-height> <p class=help-block id=help-block-@modal-title-line-height>Modal title line-height</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@modal-content-bg>@modal-content-bg</label> <input class=form-control id=input-@modal-content-bg aria-describedby=help-block-@modal-content-bg value=#fff data-var=@modal-content-bg> <p class=help-block id=help-block-@modal-content-bg>Background color of modal content area</p> </div> <div class=col-xs-4> <label for=input-@modal-content-border-color>@modal-content-border-color</label> <input class=form-control id=input-@modal-content-border-color aria-describedby=help-block-@modal-content-border-color value=rgba(0,0,0,.2) data-var=@modal-content-border-color> <p class=help-block id=help-block-@modal-content-border-color>Modal content border color</p> </div> <div class=col-xs-4> <label for=input-@modal-content-fallback-border-color>@modal-content-fallback-border-color</label> <input class=form-control id=input-@modal-content-fallback-border-color aria-describedby=help-block-@modal-content-fallback-border-color value=#999 data-var=@modal-content-fallback-border-color> <p class=help-block id=help-block-@modal-content-fallback-border-color>Modal content border color <strong>for IE8</strong></p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@modal-backdrop-bg>@modal-backdrop-bg</label> <input class=form-control id=input-@modal-backdrop-bg aria-describedby=help-block-@modal-backdrop-bg value=#000 data-var=@modal-backdrop-bg> <p class=help-block id=help-block-@modal-backdrop-bg>Modal backdrop background color</p> </div> <div class=col-xs-4> <label for=input-@modal-backdrop-opacity>@modal-backdrop-opacity</label> <input class=form-control id=input-@modal-backdrop-opacity aria-describedby=help-block-@modal-backdrop-opacity value=.5 data-var=@modal-backdrop-opacity> <p class=help-block id=help-block-@modal-backdrop-opacity>Modal backdrop opacity</p> </div> <div class=col-xs-4> <label for=input-@modal-header-border-color>@modal-header-border-color</label> <input class=form-control id=input-@modal-header-border-color aria-describedby=help-block-@modal-header-border-color value=#e5e5e5 data-var=@modal-header-border-color> <p class=help-block id=help-block-@modal-header-border-color>Modal header border color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@modal-footer-border-color>@modal-footer-border-color</label> <input class=form-control id=input-@modal-footer-border-color aria-describedby=help-block-@modal-footer-border-color value=@modal-header-border-color data-var=@modal-footer-border-color> <p class=help-block id=help-block-@modal-footer-border-color>Modal footer border color</p> </div> <div class=col-xs-4> <label for=input-@modal-lg>@modal-lg</label> <input class=form-control id=input-@modal-lg value=900px data-var=@modal-lg> </div> <div class=col-xs-4> <label for=input-@modal-md>@modal-md</label> <input class=form-control id=input-@modal-md value=600px data-var=@modal-md> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@modal-sm>@modal-sm</label> <input class=form-control id=input-@modal-sm value=300px data-var=@modal-sm> </div> </div> <h2 id=alerts>Alerts</h2> <p>Define alert colors, border radius, and padding.</p> <div class=row> <div class=col-xs-4> <label for=input-@alert-padding>@alert-padding</label> <input class=form-control id=input-@alert-padding value=15px data-var=@alert-padding> </div> <div class=col-xs-4> <label for=input-@alert-border-radius>@alert-border-radius</label> <input class=form-control id=input-@alert-border-radius value=@border-radius-base data-var=@alert-border-radius> </div> <div class=col-xs-4> <label for=input-@alert-link-font-weight>@alert-link-font-weight</label> <input class=form-control id=input-@alert-link-font-weight value=bold data-var=@alert-link-font-weight> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@alert-success-bg>@alert-success-bg</label> <input class=form-control id=input-@alert-success-bg value=@state-success-bg data-var=@alert-success-bg> </div> <div class=col-xs-4> <label for=input-@alert-success-text>@alert-success-text</label> <input class=form-control id=input-@alert-success-text value=@state-success-text data-var=@alert-success-text> </div> <div class=col-xs-4> <label for=input-@alert-success-border>@alert-success-border</label> <input class=form-control id=input-@alert-success-border value=@state-success-border data-var=@alert-success-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@alert-info-bg>@alert-info-bg</label> <input class=form-control id=input-@alert-info-bg value=@state-info-bg data-var=@alert-info-bg> </div> <div class=col-xs-4> <label for=input-@alert-info-text>@alert-info-text</label> <input class=form-control id=input-@alert-info-text value=@state-info-text data-var=@alert-info-text> </div> <div class=col-xs-4> <label for=input-@alert-info-border>@alert-info-border</label> <input class=form-control id=input-@alert-info-border value=@state-info-border data-var=@alert-info-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@alert-warning-bg>@alert-warning-bg</label> <input class=form-control id=input-@alert-warning-bg value=@state-warning-bg data-var=@alert-warning-bg> </div> <div class=col-xs-4> <label for=input-@alert-warning-text>@alert-warning-text</label> <input class=form-control id=input-@alert-warning-text value=@state-warning-text data-var=@alert-warning-text> </div> <div class=col-xs-4> <label for=input-@alert-warning-border>@alert-warning-border</label> <input class=form-control id=input-@alert-warning-border value=@state-warning-border data-var=@alert-warning-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@alert-danger-bg>@alert-danger-bg</label> <input class=form-control id=input-@alert-danger-bg value=@state-danger-bg data-var=@alert-danger-bg> </div> <div class=col-xs-4> <label for=input-@alert-danger-text>@alert-danger-text</label> <input class=form-control id=input-@alert-danger-text value=@state-danger-text data-var=@alert-danger-text> </div> <div class=col-xs-4> <label for=input-@alert-danger-border>@alert-danger-border</label> <input class=form-control id=input-@alert-danger-border value=@state-danger-border data-var=@alert-danger-border> </div> </div> <h2 id=progress-bars>Progress bars</h2> <div class=row> <div class=col-xs-4> <label for=input-@progress-bg>@progress-bg</label> <input class=form-control id=input-@progress-bg aria-describedby=help-block-@progress-bg value=#f5f5f5 data-var=@progress-bg> <p class=help-block id=help-block-@progress-bg>Background color of the whole progress component</p> </div> <div class=col-xs-4> <label for=input-@progress-bar-color>@progress-bar-color</label> <input class=form-control id=input-@progress-bar-color aria-describedby=help-block-@progress-bar-color value=#fff data-var=@progress-bar-color> <p class=help-block id=help-block-@progress-bar-color>Progress bar text color</p> </div> <div class=col-xs-4> <label for=input-@progress-border-radius>@progress-border-radius</label> <input class=form-control id=input-@progress-border-radius aria-describedby=help-block-@progress-border-radius value=@border-radius-base data-var=@progress-border-radius> <p class=help-block id=help-block-@progress-border-radius>Variable for setting rounded corners on progress bar.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@progress-bar-bg>@progress-bar-bg</label> <input class=form-control id=input-@progress-bar-bg aria-describedby=help-block-@progress-bar-bg value=@brand-primary data-var=@progress-bar-bg> <p class=help-block id=help-block-@progress-bar-bg>Default progress bar color</p> </div> <div class=col-xs-4> <label for=input-@progress-bar-success-bg>@progress-bar-success-bg</label> <input class=form-control id=input-@progress-bar-success-bg aria-describedby=help-block-@progress-bar-success-bg value=@brand-success data-var=@progress-bar-success-bg> <p class=help-block id=help-block-@progress-bar-success-bg>Success progress bar color</p> </div> <div class=col-xs-4> <label for=input-@progress-bar-warning-bg>@progress-bar-warning-bg</label> <input class=form-control id=input-@progress-bar-warning-bg aria-describedby=help-block-@progress-bar-warning-bg value=@brand-warning data-var=@progress-bar-warning-bg> <p class=help-block id=help-block-@progress-bar-warning-bg>Warning progress bar color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@progress-bar-danger-bg>@progress-bar-danger-bg</label> <input class=form-control id=input-@progress-bar-danger-bg aria-describedby=help-block-@progress-bar-danger-bg value=@brand-danger data-var=@progress-bar-danger-bg> <p class=help-block id=help-block-@progress-bar-danger-bg>Danger progress bar color</p> </div> <div class=col-xs-4> <label for=input-@progress-bar-info-bg>@progress-bar-info-bg</label> <input class=form-control id=input-@progress-bar-info-bg aria-describedby=help-block-@progress-bar-info-bg value=@brand-info data-var=@progress-bar-info-bg> <p class=help-block id=help-block-@progress-bar-info-bg>Info progress bar color</p> </div> </div> <h2 id=list-group>List group</h2> <div class=row> <div class=col-xs-4> <label for=input-@list-group-bg>@list-group-bg</label> <input class=form-control id=input-@list-group-bg aria-describedby=help-block-@list-group-bg value=#fff data-var=@list-group-bg> <p class=help-block id=help-block-@list-group-bg>Background color on <code>.list-group-item</code></p> </div> <div class=col-xs-4> <label for=input-@list-group-border>@list-group-border</label> <input class=form-control id=input-@list-group-border aria-describedby=help-block-@list-group-border value=#ddd data-var=@list-group-border> <p class=help-block id=help-block-@list-group-border><code>.list-group-item</code> border color</p> </div> <div class=col-xs-4> <label for=input-@list-group-border-radius>@list-group-border-radius</label> <input class=form-control id=input-@list-group-border-radius aria-describedby=help-block-@list-group-border-radius value=@border-radius-base data-var=@list-group-border-radius> <p class=help-block id=help-block-@list-group-border-radius>List group border radius</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@list-group-hover-bg>@list-group-hover-bg</label> <input class=form-control id=input-@list-group-hover-bg aria-describedby=help-block-@list-group-hover-bg value=#f5f5f5 data-var=@list-group-hover-bg> <p class=help-block id=help-block-@list-group-hover-bg>Background color of single list items on hover</p> </div> <div class=col-xs-4> <label for=input-@list-group-active-color>@list-group-active-color</label> <input class=form-control id=input-@list-group-active-color aria-describedby=help-block-@list-group-active-color value=@component-active-color data-var=@list-group-active-color> <p class=help-block id=help-block-@list-group-active-color>Text color of active list items</p> </div> <div class=col-xs-4> <label for=input-@list-group-active-bg>@list-group-active-bg</label> <input class=form-control id=input-@list-group-active-bg aria-describedby=help-block-@list-group-active-bg value=@component-active-bg data-var=@list-group-active-bg> <p class=help-block id=help-block-@list-group-active-bg>Background color of active list items</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@list-group-active-border>@list-group-active-border</label> <input class=form-control id=input-@list-group-active-border aria-describedby=help-block-@list-group-active-border value=@list-group-active-bg data-var=@list-group-active-border> <p class=help-block id=help-block-@list-group-active-border>Border color of active list elements</p> </div> <div class=col-xs-4> <label for=input-@list-group-active-text-color>@list-group-active-text-color</label> <input class=form-control id=input-@list-group-active-text-color aria-describedby=help-block-@list-group-active-text-color value="lighten(@list-group-active-bg, 40%)" data-var=@list-group-active-text-color> <p class=help-block id=help-block-@list-group-active-text-color>Text color for content within active list items</p> </div> <div class=col-xs-4> <label for=input-@list-group-disabled-color>@list-group-disabled-color</label> <input class=form-control id=input-@list-group-disabled-color aria-describedby=help-block-@list-group-disabled-color value=@gray-light data-var=@list-group-disabled-color> <p class=help-block id=help-block-@list-group-disabled-color>Text color of disabled list items</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@list-group-disabled-bg>@list-group-disabled-bg</label> <input class=form-control id=input-@list-group-disabled-bg aria-describedby=help-block-@list-group-disabled-bg value=@gray-lighter data-var=@list-group-disabled-bg> <p class=help-block id=help-block-@list-group-disabled-bg>Background color of disabled list items</p> </div> <div class=col-xs-4> <label for=input-@list-group-disabled-text-color>@list-group-disabled-text-color</label> <input class=form-control id=input-@list-group-disabled-text-color aria-describedby=help-block-@list-group-disabled-text-color value=@list-group-disabled-color data-var=@list-group-disabled-text-color> <p class=help-block id=help-block-@list-group-disabled-text-color>Text color for content within disabled list items</p> </div> <div class=col-xs-4> <label for=input-@list-group-link-color>@list-group-link-color</label> <input class=form-control id=input-@list-group-link-color value=#555 data-var=@list-group-link-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@list-group-link-hover-color>@list-group-link-hover-color</label> <input class=form-control id=input-@list-group-link-hover-color value=@list-group-link-color data-var=@list-group-link-hover-color> </div> <div class=col-xs-4> <label for=input-@list-group-link-heading-color>@list-group-link-heading-color</label> <input class=form-control id=input-@list-group-link-heading-color value=#333 data-var=@list-group-link-heading-color> </div> </div> <h2 id=panels>Panels</h2> <div class=row> <div class=col-xs-4> <label for=input-@panel-bg>@panel-bg</label> <input class=form-control id=input-@panel-bg value=#fff data-var=@panel-bg> </div> <div class=col-xs-4> <label for=input-@panel-body-padding>@panel-body-padding</label> <input class=form-control id=input-@panel-body-padding value=15px data-var=@panel-body-padding> </div> <div class=col-xs-4> <label for=input-@panel-heading-padding>@panel-heading-padding</label> <input class=form-control id=input-@panel-heading-padding value="10px 15px" data-var=@panel-heading-padding> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-footer-padding>@panel-footer-padding</label> <input class=form-control id=input-@panel-footer-padding value=@panel-heading-padding data-var=@panel-footer-padding> </div> <div class=col-xs-4> <label for=input-@panel-border-radius>@panel-border-radius</label> <input class=form-control id=input-@panel-border-radius value=@border-radius-base data-var=@panel-border-radius> </div> <div class=col-xs-4> <label for=input-@panel-inner-border>@panel-inner-border</label> <input class=form-control id=input-@panel-inner-border aria-describedby=help-block-@panel-inner-border value=#ddd data-var=@panel-inner-border> <p class=help-block id=help-block-@panel-inner-border>Border color for elements within panels</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-footer-bg>@panel-footer-bg</label> <input class=form-control id=input-@panel-footer-bg value=#f5f5f5 data-var=@panel-footer-bg> </div> <div class=col-xs-4> <label for=input-@panel-default-text>@panel-default-text</label> <input class=form-control id=input-@panel-default-text value=@gray-dark data-var=@panel-default-text> </div> <div class=col-xs-4> <label for=input-@panel-default-border>@panel-default-border</label> <input class=form-control id=input-@panel-default-border value=#ddd data-var=@panel-default-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-default-heading-bg>@panel-default-heading-bg</label> <input class=form-control id=input-@panel-default-heading-bg value=#f5f5f5 data-var=@panel-default-heading-bg> </div> <div class=col-xs-4> <label for=input-@panel-primary-text>@panel-primary-text</label> <input class=form-control id=input-@panel-primary-text value=#fff data-var=@panel-primary-text> </div> <div class=col-xs-4> <label for=input-@panel-primary-border>@panel-primary-border</label> <input class=form-control id=input-@panel-primary-border value=@brand-primary data-var=@panel-primary-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-primary-heading-bg>@panel-primary-heading-bg</label> <input class=form-control id=input-@panel-primary-heading-bg value=@brand-primary data-var=@panel-primary-heading-bg> </div> <div class=col-xs-4> <label for=input-@panel-success-text>@panel-success-text</label> <input class=form-control id=input-@panel-success-text value=@state-success-text data-var=@panel-success-text> </div> <div class=col-xs-4> <label for=input-@panel-success-border>@panel-success-border</label> <input class=form-control id=input-@panel-success-border value=@state-success-border data-var=@panel-success-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-success-heading-bg>@panel-success-heading-bg</label> <input class=form-control id=input-@panel-success-heading-bg value=@state-success-bg data-var=@panel-success-heading-bg> </div> <div class=col-xs-4> <label for=input-@panel-info-text>@panel-info-text</label> <input class=form-control id=input-@panel-info-text value=@state-info-text data-var=@panel-info-text> </div> <div class=col-xs-4> <label for=input-@panel-info-border>@panel-info-border</label> <input class=form-control id=input-@panel-info-border value=@state-info-border data-var=@panel-info-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-info-heading-bg>@panel-info-heading-bg</label> <input class=form-control id=input-@panel-info-heading-bg value=@state-info-bg data-var=@panel-info-heading-bg> </div> <div class=col-xs-4> <label for=input-@panel-warning-text>@panel-warning-text</label> <input class=form-control id=input-@panel-warning-text value=@state-warning-text data-var=@panel-warning-text> </div> <div class=col-xs-4> <label for=input-@panel-warning-border>@panel-warning-border</label> <input class=form-control id=input-@panel-warning-border value=@state-warning-border data-var=@panel-warning-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-warning-heading-bg>@panel-warning-heading-bg</label> <input class=form-control id=input-@panel-warning-heading-bg value=@state-warning-bg data-var=@panel-warning-heading-bg> </div> <div class=col-xs-4> <label for=input-@panel-danger-text>@panel-danger-text</label> <input class=form-control id=input-@panel-danger-text value=@state-danger-text data-var=@panel-danger-text> </div> <div class=col-xs-4> <label for=input-@panel-danger-border>@panel-danger-border</label> <input class=form-control id=input-@panel-danger-border value=@state-danger-border data-var=@panel-danger-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-danger-heading-bg>@panel-danger-heading-bg</label> <input class=form-control id=input-@panel-danger-heading-bg value=@state-danger-bg data-var=@panel-danger-heading-bg> </div> </div> <h2 id=thumbnails>Thumbnails</h2> <div class=row> <div class=col-xs-4> <label for=input-@thumbnail-padding>@thumbnail-padding</label> <input class=form-control id=input-@thumbnail-padding aria-describedby=help-block-@thumbnail-padding value=4px data-var=@thumbnail-padding> <p class=help-block id=help-block-@thumbnail-padding>Padding around the thumbnail image</p> </div> <div class=col-xs-4> <label for=input-@thumbnail-bg>@thumbnail-bg</label> <input class=form-control id=input-@thumbnail-bg aria-describedby=help-block-@thumbnail-bg value=@body-bg data-var=@thumbnail-bg> <p class=help-block id=help-block-@thumbnail-bg>Thumbnail background color</p> </div> <div class=col-xs-4> <label for=input-@thumbnail-border>@thumbnail-border</label> <input class=form-control id=input-@thumbnail-border aria-describedby=help-block-@thumbnail-border value=#ddd data-var=@thumbnail-border> <p class=help-block id=help-block-@thumbnail-border>Thumbnail border color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@thumbnail-border-radius>@thumbnail-border-radius</label> <input class=form-control id=input-@thumbnail-border-radius aria-describedby=help-block-@thumbnail-border-radius value=@border-radius-base data-var=@thumbnail-border-radius> <p class=help-block id=help-block-@thumbnail-border-radius>Thumbnail border radius</p> </div> <div class=col-xs-4> <label for=input-@thumbnail-caption-color>@thumbnail-caption-color</label> <input class=form-control id=input-@thumbnail-caption-color aria-describedby=help-block-@thumbnail-caption-color value=@text-color data-var=@thumbnail-caption-color> <p class=help-block id=help-block-@thumbnail-caption-color>Custom text color for thumbnail captions</p> </div> <div class=col-xs-4> <label for=input-@thumbnail-caption-padding>@thumbnail-caption-padding</label> <input class=form-control id=input-@thumbnail-caption-padding aria-describedby=help-block-@thumbnail-caption-padding value=9px data-var=@thumbnail-caption-padding> <p class=help-block id=help-block-@thumbnail-caption-padding>Padding around the thumbnail caption</p> </div> </div> <h2 id=wells>Wells</h2> <div class=row> <div class=col-xs-4> <label for=input-@well-bg>@well-bg</label> <input class=form-control id=input-@well-bg value=#f5f5f5 data-var=@well-bg> </div> <div class=col-xs-4> <label for=input-@well-border>@well-border</label> <input class=form-control id=input-@well-border value="darken(@well-bg, 7%)" data-var=@well-border> </div> </div> <h2 id=badges>Badges</h2> <div class=row> <div class=col-xs-4> <label for=input-@badge-color>@badge-color</label> <input class=form-control id=input-@badge-color value=#fff data-var=@badge-color> </div> <div class=col-xs-4> <label for=input-@badge-link-hover-color>@badge-link-hover-color</label> <input class=form-control id=input-@badge-link-hover-color aria-describedby=help-block-@badge-link-hover-color value=#fff data-var=@badge-link-hover-color> <p class=help-block id=help-block-@badge-link-hover-color>Linked badge text color on hover</p> </div> <div class=col-xs-4> <label for=input-@badge-bg>@badge-bg</label> <input class=form-control id=input-@badge-bg value=@gray-light data-var=@badge-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@badge-active-color>@badge-active-color</label> <input class=form-control id=input-@badge-active-color aria-describedby=help-block-@badge-active-color value=@link-color data-var=@badge-active-color> <p class=help-block id=help-block-@badge-active-color>Badge text color in active nav link</p> </div> <div class=col-xs-4> <label for=input-@badge-active-bg>@badge-active-bg</label> <input class=form-control id=input-@badge-active-bg aria-describedby=help-block-@badge-active-bg value=#fff data-var=@badge-active-bg> <p class=help-block id=help-block-@badge-active-bg>Badge background color in active nav link</p> </div> <div class=col-xs-4> <label for=input-@badge-font-weight>@badge-font-weight</label> <input class=form-control id=input-@badge-font-weight value=bold data-var=@badge-font-weight> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@badge-line-height>@badge-line-height</label> <input class=form-control id=input-@badge-line-height value=1 data-var=@badge-line-height> </div> <div class=col-xs-4> <label for=input-@badge-border-radius>@badge-border-radius</label> <input class=form-control id=input-@badge-border-radius value=10px data-var=@badge-border-radius> </div> </div> <h2 id=breadcrumbs>Breadcrumbs</h2> <div class=row> <div class=col-xs-4> <label for=input-@breadcrumb-padding-vertical>@breadcrumb-padding-vertical</label> <input class=form-control id=input-@breadcrumb-padding-vertical value=8px data-var=@breadcrumb-padding-vertical> </div> <div class=col-xs-4> <label for=input-@breadcrumb-padding-horizontal>@breadcrumb-padding-horizontal</label> <input class=form-control id=input-@breadcrumb-padding-horizontal value=15px data-var=@breadcrumb-padding-horizontal> </div> <div class=col-xs-4> <label for=input-@breadcrumb-bg>@breadcrumb-bg</label> <input class=form-control id=input-@breadcrumb-bg aria-describedby=help-block-@breadcrumb-bg value=#f5f5f5 data-var=@breadcrumb-bg> <p class=help-block id=help-block-@breadcrumb-bg>Breadcrumb background color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@breadcrumb-color>@breadcrumb-color</label> <input class=form-control id=input-@breadcrumb-color aria-describedby=help-block-@breadcrumb-color value=#ccc data-var=@breadcrumb-color> <p class=help-block id=help-block-@breadcrumb-color>Breadcrumb text color</p> </div> <div class=col-xs-4> <label for=input-@breadcrumb-active-color>@breadcrumb-active-color</label> <input class=form-control id=input-@breadcrumb-active-color aria-describedby=help-block-@breadcrumb-active-color value=@gray-light data-var=@breadcrumb-active-color> <p class=help-block id=help-block-@breadcrumb-active-color>Text color of current page in the breadcrumb</p> </div> <div class=col-xs-4> <label for=input-@breadcrumb-separator>@breadcrumb-separator</label> <input class=form-control id=input-@breadcrumb-separator aria-describedby=help-block-@breadcrumb-separator value=&quot;/&quot; data-var=@breadcrumb-separator> <p class=help-block id=help-block-@breadcrumb-separator>Textual separator for between breadcrumb elements</p> </div> </div> <h2 id=carousel>Carousel</h2> <div class=row> <div class=col-xs-4> <label for=input-@carousel-text-shadow>@carousel-text-shadow</label> <input class=form-control id=input-@carousel-text-shadow value="0 1px 2px rgba(0,0,0,.6)" data-var=@carousel-text-shadow> </div> <div class=col-xs-4> <label for=input-@carousel-control-color>@carousel-control-color</label> <input class=form-control id=input-@carousel-control-color value=#fff data-var=@carousel-control-color> </div> <div class=col-xs-4> <label for=input-@carousel-control-width>@carousel-control-width</label> <input class=form-control id=input-@carousel-control-width value=15% data-var=@carousel-control-width> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@carousel-control-opacity>@carousel-control-opacity</label> <input class=form-control id=input-@carousel-control-opacity value=.5 data-var=@carousel-control-opacity> </div> <div class=col-xs-4> <label for=input-@carousel-control-font-size>@carousel-control-font-size</label> <input class=form-control id=input-@carousel-control-font-size value=20px data-var=@carousel-control-font-size> </div> <div class=col-xs-4> <label for=input-@carousel-indicator-active-bg>@carousel-indicator-active-bg</label> <input class=form-control id=input-@carousel-indicator-active-bg value=#fff data-var=@carousel-indicator-active-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@carousel-indicator-border-color>@carousel-indicator-border-color</label> <input class=form-control id=input-@carousel-indicator-border-color value=#fff data-var=@carousel-indicator-border-color> </div> <div class=col-xs-4> <label for=input-@carousel-caption-color>@carousel-caption-color</label> <input class=form-control id=input-@carousel-caption-color value=#fff data-var=@carousel-caption-color> </div> </div> <h2 id=close>Close</h2> <div class=row> <div class=col-xs-4> <label for=input-@close-font-weight>@close-font-weight</label> <input class=form-control id=input-@close-font-weight value=bold data-var=@close-font-weight> </div> <div class=col-xs-4> <label for=input-@close-color>@close-color</label> <input class=form-control id=input-@close-color value=#000 data-var=@close-color> </div> <div class=col-xs-4> <label for=input-@close-text-shadow>@close-text-shadow</label> <input class=form-control id=input-@close-text-shadow value="0 1px 0 #fff" data-var=@close-text-shadow> </div> </div> <h2 id=code>Code</h2> <div class=row> <div class=col-xs-4> <label for=input-@code-color>@code-color</label> <input class=form-control id=input-@code-color value=#c7254e data-var=@code-color> </div> <div class=col-xs-4> <label for=input-@code-bg>@code-bg</label> <input class=form-control id=input-@code-bg value=#f9f2f4 data-var=@code-bg> </div> <div class=col-xs-4> <label for=input-@kbd-color>@kbd-color</label> <input class=form-control id=input-@kbd-color value=#fff data-var=@kbd-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@kbd-bg>@kbd-bg</label> <input class=form-control id=input-@kbd-bg value=#333 data-var=@kbd-bg> </div> <div class=col-xs-4> <label for=input-@pre-bg>@pre-bg</label> <input class=form-control id=input-@pre-bg value=#f5f5f5 data-var=@pre-bg> </div> <div class=col-xs-4> <label for=input-@pre-color>@pre-color</label> <input class=form-control id=input-@pre-color value=@gray-dark data-var=@pre-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pre-border-color>@pre-border-color</label> <input class=form-control id=input-@pre-border-color value=#ccc data-var=@pre-border-color> </div> <div class=col-xs-4> <label for=input-@pre-scrollable-max-height>@pre-scrollable-max-height</label> <input class=form-control id=input-@pre-scrollable-max-height value=340px data-var=@pre-scrollable-max-height> </div> </div> <h2 id=type>Type</h2> <div class=row> <div class=col-xs-4> <label for=input-@component-offset-horizontal>@component-offset-horizontal</label> <input class=form-control id=input-@component-offset-horizontal aria-describedby=help-block-@component-offset-horizontal value=180px data-var=@component-offset-horizontal> <p class=help-block id=help-block-@component-offset-horizontal>Horizontal offset for forms and lists.</p> </div> <div class=col-xs-4> <label for=input-@text-muted>@text-muted</label> <input class=form-control id=input-@text-muted aria-describedby=help-block-@text-muted value=@gray-light data-var=@text-muted> <p class=help-block id=help-block-@text-muted>Text muted color</p> </div> <div class=col-xs-4> <label for=input-@abbr-border-color>@abbr-border-color</label> <input class=form-control id=input-@abbr-border-color aria-describedby=help-block-@abbr-border-color value=@gray-light data-var=@abbr-border-color> <p class=help-block id=help-block-@abbr-border-color>Abbreviations and acronyms border color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@headings-small-color>@headings-small-color</label> <input class=form-control id=input-@headings-small-color aria-describedby=help-block-@headings-small-color value=@gray-light data-var=@headings-small-color> <p class=help-block id=help-block-@headings-small-color>Headings small color</p> </div> <div class=col-xs-4> <label for=input-@blockquote-small-color>@blockquote-small-color</label> <input class=form-control id=input-@blockquote-small-color aria-describedby=help-block-@blockquote-small-color value=@gray-light data-var=@blockquote-small-color> <p class=help-block id=help-block-@blockquote-small-color>Blockquote small color</p> </div> <div class=col-xs-4> <label for=input-@blockquote-font-size>@blockquote-font-size</label> <input class=form-control id=input-@blockquote-font-size aria-describedby=help-block-@blockquote-font-size value="(@font-size-base * 1.25)" data-var=@blockquote-font-size> <p class=help-block id=help-block-@blockquote-font-size>Blockquote font size</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@blockquote-border-color>@blockquote-border-color</label> <input class=form-control id=input-@blockquote-border-color aria-describedby=help-block-@blockquote-border-color value=@gray-lighter data-var=@blockquote-border-color> <p class=help-block id=help-block-@blockquote-border-color>Blockquote border color</p> </div> <div class=col-xs-4> <label for=input-@page-header-border-color>@page-header-border-color</label> <input class=form-control id=input-@page-header-border-color aria-describedby=help-block-@page-header-border-color value=@gray-lighter data-var=@page-header-border-color> <p class=help-block id=help-block-@page-header-border-color>Page header border color</p> </div> <div class=col-xs-4> <label for=input-@dl-horizontal-offset>@dl-horizontal-offset</label> <input class=form-control id=input-@dl-horizontal-offset aria-describedby=help-block-@dl-horizontal-offset value=@component-offset-horizontal data-var=@dl-horizontal-offset> <p class=help-block id=help-block-@dl-horizontal-offset>Width of horizontal description list titles</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@dl-horizontal-breakpoint>@dl-horizontal-breakpoint</label> <input class=form-control id=input-@dl-horizontal-breakpoint aria-describedby=help-block-@dl-horizontal-breakpoint value=@grid-float-breakpoint data-var=@dl-horizontal-breakpoint> <p class=help-block id=help-block-@dl-horizontal-breakpoint>Point at which .dl-horizontal becomes horizontal</p> </div> <div class=col-xs-4> <label for=input-@hr-border>@hr-border</label> <input class=form-control id=input-@hr-border aria-describedby=help-block-@hr-border value=@gray-lighter data-var=@hr-border> <p class=help-block id=help-block-@hr-border>Horizontal line color.</p> </div> </div> </div> <div class=bs-docs-section> <h1 class=page-header id=download>Download</h1> <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> <div class=bs-customize-download> <button type=submit id=btn-compile disabled class="btn btn-block btn-lg btn-outline" onclick='ga("send","event","Customize","Download","Customize and Download")'>Compile and Download</button> </div> </div> </form> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li><a href=#import-drop-target>Import</a></li> <li><a href=#less>Less components</a></li> <li><a href=#plugins>jQuery plugins</a></li> <li><a href=#less-variables>Less variables</a> <ul class=nav> <li><a href=#colors>Colors</a></li> <li><a href=#scaffolding>Scaffolding</a></li> <li><a href=#typography>Typography</a></li> <li><a href=#iconography>Iconography</a></li> <li><a href=#components>Components</a></li> <li><a href=#tables>Tables</a></li> <li><a href=#buttons>Buttons</a></li> <li><a href=#forms>Forms</a></li> <li><a href=#dropdowns>Dropdowns</a></li> <li><a href=#media-queries-breakpoints>Media queries breakpoints</a></li> <li><a href=#grid-system>Grid system</a></li> <li><a href=#container-sizes>Container sizes</a></li> <li><a href=#navbar>Navbar</a></li> <li><a href=#navs>Navs</a></li> <li><a href=#tabs>Tabs</a></li> <li><a href=#pills>Pills</a></li> <li><a href=#pagination>Pagination</a></li> <li><a href=#pager>Pager</a></li> <li><a href=#jumbotron>Jumbotron</a></li> <li><a href=#form-states-and-alerts>Form states and alerts</a></li> <li><a href=#tooltips>Tooltips</a></li> <li><a href=#popovers>Popovers</a></li> <li><a href=#labels>Labels</a></li> <li><a href=#modals>Modals</a></li> <li><a href=#alerts>Alerts</a></li> <li><a href=#progress-bars>Progress bars</a></li> <li><a href=#list-group>List group</a></li> <li><a href=#panels>Panels</a></li> <li><a href=#thumbnails>Thumbnails</a></li> <li><a href=#wells>Wells</a></li> <li><a href=#badges>Badges</a></li> <li><a href=#breadcrumbs>Breadcrumbs</a></li> <li><a href=#carousel>Carousel</a></li> <li><a href=#close>Close</a></li> <li><a href=#code>Code</a></li> <li><a href=#type>Type</a></li> </ul> </li> <li><a href=#download>Download</a></li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo target=_blank>@mdo</a> and <a href=https://twitter.com/fat target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank rel=license>MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel=license>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script>var __configBridge={autoprefixerBrowsers:["Android 2.3","Android >= 4","Chrome >= 20","Firefox >= 24","Explorer >= 8","iOS >= 6","Opera >= 12","Safari >= 6"],jqueryCheck:["if (typeof jQuery === 'undefined') {","  throw new Error('Bootstrap\\'s JavaScript requires jQuery')","}\n"],jqueryVersionCheck:["+function ($) {","  'use strict';","  var version = $.fn.jquery.split(' ')[0].split('.')","  if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 3)) {","    throw new Error('Bootstrap\\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4')","  }","}(jQuery);\n\n"]}</script> <script src=../assets/js/customize.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> <script>var _gauges=_gauges||[];!function(){var e=document.createElement("script");e.async=!0,e.id="gauges-tracker",e.setAttribute("data-site-id","4f0dc9fef5a1f55508000013"),e.src="//secure.gaug.es/track.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script> 
-\ No newline at end of file
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Customize and download &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li class=active> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Customize and download</h1> <p>Customize Bootstrap's components, Less variables, and jQuery plugins to get your very own version.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <!--[if lt IE 9]> <style>.bs-customizer,.bs-customizer-import,.bs-docs-sidebar{display:none}</style> <div class="alert alert-danger"> <strong>The Bootstrap Customizer does not support IE9 and below.</strong><br> Please take a second to <a href=http://browsehappy.com/ >upgrade to a more modern browser</a>. </div> <![endif]--> <div class="alert alert-warning alert-dismissible" role=alert id=defaults-change-alert> <button type=button class=close data-dismiss=alert aria-label=Close><span aria-hidden=true>&times;</span></button> <strong>Heads up!</strong> The default value for <code>@brand-primary</code> has changed in the latest release to improve contrast and accessibility. Please double check your compiled CSS when upgrading. </div> <div class="bs-docs-section bs-customizer-import"> <div class=bs-dropzone id=import-drop-target> <div class=import-header> <span class="glyphicon glyphicon-download-alt" aria-hidden=true></span> </div> <p class=lead>Have an existing configuration? Upload your <code>config.json</code> to import it.</p> <p>Drag and drop here, or <label id=import-manual-trigger class=btn-link>manually upload<input type=file id=import-file-select class=hidden></label>.</p> <hr> <p><strong>Don't have one?</strong> That's okay—just start customizing the fields below.</p> </div> </div> <form class=bs-customizer> <div class=bs-docs-section id=less-section> <button class="btn btn-default toggle" type=button>Toggle all</button> <h1 class=page-header id=less>Less files</h1> <p class=lead>Choose which Less files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the <a href=../css/ >CSS</a> and <a href=../components/ >Components</a> pages in the docs.</p> <div class=row> <div class="col-xs-6 col-sm-4"> <h3>Common CSS</h3> <div class=checkbox> <label> <input type=checkbox checked value=print.less> Print media styles </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=type.less> Typography </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=code.less> Code </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=grid.less> Grid system </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=forms.less data-dependents=navbar.less,input-groups.less> Forms </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=buttons.less data-dependents=button-groups.less> Buttons </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=responsive-utilities.less> Responsive utilities </label> </div> </div> <div class="col-xs-6 col-sm-4"> <h3>Components</h3> <div class=checkbox> <label> <input type=checkbox checked value=glyphicons.less> Glyphicons </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=button-groups.less data-dependencies=buttons.less> Button groups </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=input-groups.less data-dependencies=forms.less> Input groups </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=navs.less data-dependents=navbar.less> Navs </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=navbar.less data-dependencies=forms.less,navs.less> Navbar </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=breadcrumbs.less> Breadcrumbs </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=labels.less> Labels </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=badges.less> Badges </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=jumbotron.less> Jumbotron </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=alerts.less> Alerts </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=progress-bars.less> Progress bars </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 class=checkbox> <label> <input type=checkbox checked value=panels.less> Panels </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=responsive-embed.less> Responsive embed </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=wells.less> Wells </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=close.less> Close icon </label> </div> </div> <div class="col-xs-6 col-sm-4"> <h3>JavaScript components</h3> <div class=checkbox> <label> <input type=checkbox checked value=component-animations.less> Component animations (for JS)<br> (includes Collapse) </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=dropdowns.less> Dropdown </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=tooltip.less> Tooltip </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=popovers.less> Popover </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=modals.less> Modal </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=carousel.less> Carousel </label> </div> </div> </div> </div> <div class=bs-docs-section id=plugin-section> <button class="btn btn-default toggle" type=button>Toggle all</button> <h1 class=page-header id=plugins>jQuery plugins</h1> <p class=lead>Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the <a href=../javascript/ >JavaScript</a> page in the docs.</p> <div class=row> <div class=col-lg-6> <h4>Linked to components</h4> <div class=checkbox> <label> <input type=checkbox checked value=alert.js> Alert dismissal </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=button.js> Advanced buttons </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=carousel.js> Carousel functionality </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=dropdown.js> Dropdowns </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=modal.js> Modals </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=tooltip.js> Tooltips </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=popover.js data-dependencies=tooltip.js> Popovers <small>(requires Tooltips)</small> </label> </div> <div class=checkbox> <label> <input type=checkbox checked value=tab.js> Togglable tabs </label> </div> </div> <div class=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 bs-callout-info"> <h4>Produces two files</h4> <p>All checked plugins will be compiled into a readable <code>bootstrap.js</code> and a minified <code>bootstrap.min.js</code>. We recommend you use the minified version in production.</p> </div> <div class="bs-callout bs-callout-danger"> <h4>jQuery required</h4> <p>All plugins require the latest version of <a href=https://jquery.com/ target=_blank>jQuery</a> to be included.</p> </div> </div> <div class=bs-docs-section id=less-variables-section> <button class="btn btn-default toggle" type=button>Reset to defaults</button> <h1 class=page-header id=less-variables>Less variables</h1> <p class=lead>Customize Less variables to define colors, sizes and more inside your custom CSS stylesheets.</p> <h2 id=colors>Colors</h2> <p>Gray and brand colors for use across Bootstrap.</p> <div class=row> <div class=col-xs-4> <label for=input-@gray-base>@gray-base</label> <input class=form-control id=input-@gray-base value=#000 data-var=@gray-base> </div> <div class=col-xs-4> <label for=input-@gray-darker>@gray-darker</label> <input class=form-control id=input-@gray-darker value="lighten(@gray-base, 13.5%)" data-var=@gray-darker> </div> <div class=col-xs-4> <label for=input-@gray-dark>@gray-dark</label> <input class=form-control id=input-@gray-dark value="lighten(@gray-base, 20%)" data-var=@gray-dark> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@gray>@gray</label> <input class=form-control id=input-@gray value="lighten(@gray-base, 33.5%)" data-var=@gray> </div> <div class=col-xs-4> <label for=input-@gray-light>@gray-light</label> <input class=form-control id=input-@gray-light value="lighten(@gray-base, 46.7%)" data-var=@gray-light> </div> <div class=col-xs-4> <label for=input-@gray-lighter>@gray-lighter</label> <input class=form-control id=input-@gray-lighter value="lighten(@gray-base, 93.5%)" data-var=@gray-lighter> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@brand-primary>@brand-primary</label> <input class=form-control id=input-@brand-primary value="darken(#428bca, 6.5%)" data-var=@brand-primary> </div> <div class=col-xs-4> <label for=input-@brand-success>@brand-success</label> <input class=form-control id=input-@brand-success value=#5cb85c data-var=@brand-success> </div> <div class=col-xs-4> <label for=input-@brand-info>@brand-info</label> <input class=form-control id=input-@brand-info value=#5bc0de data-var=@brand-info> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@brand-warning>@brand-warning</label> <input class=form-control id=input-@brand-warning value=#f0ad4e data-var=@brand-warning> </div> <div class=col-xs-4> <label for=input-@brand-danger>@brand-danger</label> <input class=form-control id=input-@brand-danger value=#d9534f data-var=@brand-danger> </div> </div> <h2 id=scaffolding>Scaffolding</h2> <p>Settings for some of the most global styles.</p> <div class=row> <div class=col-xs-4> <label for=input-@body-bg>@body-bg</label> <input class=form-control id=input-@body-bg aria-describedby=help-block-@body-bg value=#fff data-var=@body-bg> <p class=help-block id=help-block-@body-bg>Background color for <code>&lt;body&gt;</code>.</p> </div> <div class=col-xs-4> <label for=input-@text-color>@text-color</label> <input class=form-control id=input-@text-color aria-describedby=help-block-@text-color value=@gray-dark data-var=@text-color> <p class=help-block id=help-block-@text-color>Global text color on <code>&lt;body&gt;</code>.</p> </div> <div class=col-xs-4> <label for=input-@link-color>@link-color</label> <input class=form-control id=input-@link-color aria-describedby=help-block-@link-color value=@brand-primary data-var=@link-color> <p class=help-block id=help-block-@link-color>Global textual link color.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@link-hover-color>@link-hover-color</label> <input class=form-control id=input-@link-hover-color aria-describedby=help-block-@link-hover-color value="darken(@link-color, 15%)" data-var=@link-hover-color> <p class=help-block id=help-block-@link-hover-color>Link hover color set via <code>darken()</code> function.</p> </div> <div class=col-xs-4> <label for=input-@link-hover-decoration>@link-hover-decoration</label> <input class=form-control id=input-@link-hover-decoration aria-describedby=help-block-@link-hover-decoration value=underline data-var=@link-hover-decoration> <p class=help-block id=help-block-@link-hover-decoration>Link hover decoration.</p> </div> </div> <h2 id=typography>Typography</h2> <p>Font, line-height, and color for body text, headings, and more.</p> <div class=row> <div class=col-xs-4> <label for=input-@font-family-sans-serif>@font-family-sans-serif</label> <input class=form-control id=input-@font-family-sans-serif value="&quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif" data-var=@font-family-sans-serif> </div> <div class=col-xs-4> <label for=input-@font-family-serif>@font-family-serif</label> <input class=form-control id=input-@font-family-serif value="Georgia, &quot;Times New Roman&quot;, Times, serif" data-var=@font-family-serif> </div> <div class=col-xs-4> <label for=input-@font-family-monospace>@font-family-monospace</label> <input class=form-control id=input-@font-family-monospace aria-describedby=help-block-@font-family-monospace value="Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace" data-var=@font-family-monospace> <p class=help-block id=help-block-@font-family-monospace>Default monospace fonts for <code>&lt;code&gt;</code>, <code>&lt;kbd&gt;</code>, and <code>&lt;pre&gt;</code>.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@font-family-base>@font-family-base</label> <input class=form-control id=input-@font-family-base value=@font-family-sans-serif data-var=@font-family-base> </div> <div class=col-xs-4> <label for=input-@font-size-base>@font-size-base</label> <input class=form-control id=input-@font-size-base value=14px data-var=@font-size-base> </div> <div class=col-xs-4> <label for=input-@font-size-large>@font-size-large</label> <input class=form-control id=input-@font-size-large value="ceil((@font-size-base * 1.25))" data-var=@font-size-large> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@font-size-small>@font-size-small</label> <input class=form-control id=input-@font-size-small value="ceil((@font-size-base * 0.85))" data-var=@font-size-small> </div> <div class=col-xs-4> <label for=input-@font-size-h1>@font-size-h1</label> <input class=form-control id=input-@font-size-h1 value="floor((@font-size-base * 2.6))" data-var=@font-size-h1> </div> <div class=col-xs-4> <label for=input-@font-size-h2>@font-size-h2</label> <input class=form-control id=input-@font-size-h2 value="floor((@font-size-base * 2.15))" data-var=@font-size-h2> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@font-size-h3>@font-size-h3</label> <input class=form-control id=input-@font-size-h3 value="ceil((@font-size-base * 1.7))" data-var=@font-size-h3> </div> <div class=col-xs-4> <label for=input-@font-size-h4>@font-size-h4</label> <input class=form-control id=input-@font-size-h4 value="ceil((@font-size-base * 1.25))" data-var=@font-size-h4> </div> <div class=col-xs-4> <label for=input-@font-size-h5>@font-size-h5</label> <input class=form-control id=input-@font-size-h5 value=@font-size-base data-var=@font-size-h5> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@font-size-h6>@font-size-h6</label> <input class=form-control id=input-@font-size-h6 value="ceil((@font-size-base * 0.85))" data-var=@font-size-h6> </div> <div class=col-xs-4> <label for=input-@line-height-base>@line-height-base</label> <input class=form-control id=input-@line-height-base aria-describedby=help-block-@line-height-base value=1.428571429 data-var=@line-height-base> <p class=help-block id=help-block-@line-height-base>Unit-less <code>line-height</code> for use in components like buttons.</p> </div> <div class=col-xs-4> <label for=input-@line-height-computed>@line-height-computed</label> <input class=form-control id=input-@line-height-computed aria-describedby=help-block-@line-height-computed value="floor((@font-size-base * @line-height-base))" data-var=@line-height-computed> <p class=help-block id=help-block-@line-height-computed>Computed &quot;line-height&quot; (<code>font-size</code> * <code>line-height</code>) for use with <code>margin</code>, <code>padding</code>, etc.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@headings-font-family>@headings-font-family</label> <input class=form-control id=input-@headings-font-family aria-describedby=help-block-@headings-font-family value=inherit data-var=@headings-font-family> <p class=help-block id=help-block-@headings-font-family>By default, this inherits from the <code>&lt;body&gt;</code>.</p> </div> <div class=col-xs-4> <label for=input-@headings-font-weight>@headings-font-weight</label> <input class=form-control id=input-@headings-font-weight value=500 data-var=@headings-font-weight> </div> <div class=col-xs-4> <label for=input-@headings-line-height>@headings-line-height</label> <input class=form-control id=input-@headings-line-height value=1.1 data-var=@headings-line-height> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@headings-color>@headings-color</label> <input class=form-control id=input-@headings-color value=inherit data-var=@headings-color> </div> </div> <h2 id=iconography>Iconography</h2> <p>Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.</p> <div class=row> <div class=col-xs-4> <label for=input-@icon-font-path>@icon-font-path</label> <input class=form-control id=input-@icon-font-path aria-describedby=help-block-@icon-font-path value=&quot;../fonts/&quot; data-var=@icon-font-path> <p class=help-block id=help-block-@icon-font-path>Load fonts from this directory.</p> </div> <div class=col-xs-4> <label for=input-@icon-font-name>@icon-font-name</label> <input class=form-control id=input-@icon-font-name aria-describedby=help-block-@icon-font-name value=&quot;glyphicons-halflings-regular&quot; data-var=@icon-font-name> <p class=help-block id=help-block-@icon-font-name>File name for all font files.</p> </div> <div class=col-xs-4> <label for=input-@icon-font-svg-id>@icon-font-svg-id</label> <input class=form-control id=input-@icon-font-svg-id aria-describedby=help-block-@icon-font-svg-id value=&quot;glyphicons_halflingsregular&quot; data-var=@icon-font-svg-id> <p class=help-block id=help-block-@icon-font-svg-id>Element ID within SVG icon file.</p> </div> </div> <h2 id=components>Components</h2> <p>Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).</p> <div class=row> <div class=col-xs-4> <label for=input-@padding-base-vertical>@padding-base-vertical</label> <input class=form-control id=input-@padding-base-vertical value=6px data-var=@padding-base-vertical> </div> <div class=col-xs-4> <label for=input-@padding-base-horizontal>@padding-base-horizontal</label> <input class=form-control id=input-@padding-base-horizontal value=12px data-var=@padding-base-horizontal> </div> <div class=col-xs-4> <label for=input-@padding-large-vertical>@padding-large-vertical</label> <input class=form-control id=input-@padding-large-vertical value=10px data-var=@padding-large-vertical> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@padding-large-horizontal>@padding-large-horizontal</label> <input class=form-control id=input-@padding-large-horizontal value=16px data-var=@padding-large-horizontal> </div> <div class=col-xs-4> <label for=input-@padding-small-vertical>@padding-small-vertical</label> <input class=form-control id=input-@padding-small-vertical value=5px data-var=@padding-small-vertical> </div> <div class=col-xs-4> <label for=input-@padding-small-horizontal>@padding-small-horizontal</label> <input class=form-control id=input-@padding-small-horizontal value=10px data-var=@padding-small-horizontal> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@padding-xs-vertical>@padding-xs-vertical</label> <input class=form-control id=input-@padding-xs-vertical value=1px data-var=@padding-xs-vertical> </div> <div class=col-xs-4> <label for=input-@padding-xs-horizontal>@padding-xs-horizontal</label> <input class=form-control id=input-@padding-xs-horizontal value=5px data-var=@padding-xs-horizontal> </div> <div class=col-xs-4> <label for=input-@line-height-large>@line-height-large</label> <input class=form-control id=input-@line-height-large value=1.3333333 data-var=@line-height-large> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@line-height-small>@line-height-small</label> <input class=form-control id=input-@line-height-small value=1.5 data-var=@line-height-small> </div> <div class=col-xs-4> <label for=input-@border-radius-base>@border-radius-base</label> <input class=form-control id=input-@border-radius-base value=4px data-var=@border-radius-base> </div> <div class=col-xs-4> <label for=input-@border-radius-large>@border-radius-large</label> <input class=form-control id=input-@border-radius-large value=6px data-var=@border-radius-large> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@border-radius-small>@border-radius-small</label> <input class=form-control id=input-@border-radius-small value=3px data-var=@border-radius-small> </div> <div class=col-xs-4> <label for=input-@component-active-color>@component-active-color</label> <input class=form-control id=input-@component-active-color aria-describedby=help-block-@component-active-color value=#fff data-var=@component-active-color> <p class=help-block id=help-block-@component-active-color>Global color for active items (e.g., navs or dropdowns).</p> </div> <div class=col-xs-4> <label for=input-@component-active-bg>@component-active-bg</label> <input class=form-control id=input-@component-active-bg aria-describedby=help-block-@component-active-bg value=@brand-primary data-var=@component-active-bg> <p class=help-block id=help-block-@component-active-bg>Global background color for active items (e.g., navs or dropdowns).</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@caret-width-base>@caret-width-base</label> <input class=form-control id=input-@caret-width-base aria-describedby=help-block-@caret-width-base value=4px data-var=@caret-width-base> <p class=help-block id=help-block-@caret-width-base>Width of the <code>border</code> for generating carets that indicate dropdowns.</p> </div> <div class=col-xs-4> <label for=input-@caret-width-large>@caret-width-large</label> <input class=form-control id=input-@caret-width-large aria-describedby=help-block-@caret-width-large value=5px data-var=@caret-width-large> <p class=help-block id=help-block-@caret-width-large>Carets increase slightly in size for larger components.</p> </div> </div> <h2 id=tables>Tables</h2> <p>Customizes the <code>.table</code> component with basic values, each used across all table variations.</p> <div class=row> <div class=col-xs-4> <label for=input-@table-cell-padding>@table-cell-padding</label> <input class=form-control id=input-@table-cell-padding aria-describedby=help-block-@table-cell-padding value=8px data-var=@table-cell-padding> <p class=help-block id=help-block-@table-cell-padding>Padding for <code>&lt;th&gt;</code>s and <code>&lt;td&gt;</code>s.</p> </div> <div class=col-xs-4> <label for=input-@table-condensed-cell-padding>@table-condensed-cell-padding</label> <input class=form-control id=input-@table-condensed-cell-padding aria-describedby=help-block-@table-condensed-cell-padding value=5px data-var=@table-condensed-cell-padding> <p class=help-block id=help-block-@table-condensed-cell-padding>Padding for cells in <code>.table-condensed</code>.</p> </div> <div class=col-xs-4> <label for=input-@table-bg>@table-bg</label> <input class=form-control id=input-@table-bg aria-describedby=help-block-@table-bg value=transparent data-var=@table-bg> <p class=help-block id=help-block-@table-bg>Default background color used for all tables.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@table-bg-accent>@table-bg-accent</label> <input class=form-control id=input-@table-bg-accent aria-describedby=help-block-@table-bg-accent value=#f9f9f9 data-var=@table-bg-accent> <p class=help-block id=help-block-@table-bg-accent>Background color used for <code>.table-striped</code>.</p> </div> <div class=col-xs-4> <label for=input-@table-bg-hover>@table-bg-hover</label> <input class=form-control id=input-@table-bg-hover aria-describedby=help-block-@table-bg-hover value=#f5f5f5 data-var=@table-bg-hover> <p class=help-block id=help-block-@table-bg-hover>Background color used for <code>.table-hover</code>.</p> </div> <div class=col-xs-4> <label for=input-@table-bg-active>@table-bg-active</label> <input class=form-control id=input-@table-bg-active value=@table-bg-hover data-var=@table-bg-active> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@table-border-color>@table-border-color</label> <input class=form-control id=input-@table-border-color aria-describedby=help-block-@table-border-color value=#ddd data-var=@table-border-color> <p class=help-block id=help-block-@table-border-color>Border color for table and cell borders.</p> </div> </div> <h2 id=buttons>Buttons</h2> <p>For each of Bootstrap's buttons, define text, background and border color.</p> <div class=row> <div class=col-xs-4> <label for=input-@btn-font-weight>@btn-font-weight</label> <input class=form-control id=input-@btn-font-weight value=normal data-var=@btn-font-weight> </div> <div class=col-xs-4> <label for=input-@btn-default-color>@btn-default-color</label> <input class=form-control id=input-@btn-default-color value=#333 data-var=@btn-default-color> </div> <div class=col-xs-4> <label for=input-@btn-default-bg>@btn-default-bg</label> <input class=form-control id=input-@btn-default-bg value=#fff data-var=@btn-default-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-default-border>@btn-default-border</label> <input class=form-control id=input-@btn-default-border value=#ccc data-var=@btn-default-border> </div> <div class=col-xs-4> <label for=input-@btn-primary-color>@btn-primary-color</label> <input class=form-control id=input-@btn-primary-color value=#fff data-var=@btn-primary-color> </div> <div class=col-xs-4> <label for=input-@btn-primary-bg>@btn-primary-bg</label> <input class=form-control id=input-@btn-primary-bg value=@brand-primary data-var=@btn-primary-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-primary-border>@btn-primary-border</label> <input class=form-control id=input-@btn-primary-border value="darken(@btn-primary-bg, 5%)" data-var=@btn-primary-border> </div> <div class=col-xs-4> <label for=input-@btn-success-color>@btn-success-color</label> <input class=form-control id=input-@btn-success-color value=#fff data-var=@btn-success-color> </div> <div class=col-xs-4> <label for=input-@btn-success-bg>@btn-success-bg</label> <input class=form-control id=input-@btn-success-bg value=@brand-success data-var=@btn-success-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-success-border>@btn-success-border</label> <input class=form-control id=input-@btn-success-border value="darken(@btn-success-bg, 5%)" data-var=@btn-success-border> </div> <div class=col-xs-4> <label for=input-@btn-info-color>@btn-info-color</label> <input class=form-control id=input-@btn-info-color value=#fff data-var=@btn-info-color> </div> <div class=col-xs-4> <label for=input-@btn-info-bg>@btn-info-bg</label> <input class=form-control id=input-@btn-info-bg value=@brand-info data-var=@btn-info-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-info-border>@btn-info-border</label> <input class=form-control id=input-@btn-info-border value="darken(@btn-info-bg, 5%)" data-var=@btn-info-border> </div> <div class=col-xs-4> <label for=input-@btn-warning-color>@btn-warning-color</label> <input class=form-control id=input-@btn-warning-color value=#fff data-var=@btn-warning-color> </div> <div class=col-xs-4> <label for=input-@btn-warning-bg>@btn-warning-bg</label> <input class=form-control id=input-@btn-warning-bg value=@brand-warning data-var=@btn-warning-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-warning-border>@btn-warning-border</label> <input class=form-control id=input-@btn-warning-border value="darken(@btn-warning-bg, 5%)" data-var=@btn-warning-border> </div> <div class=col-xs-4> <label for=input-@btn-danger-color>@btn-danger-color</label> <input class=form-control id=input-@btn-danger-color value=#fff data-var=@btn-danger-color> </div> <div class=col-xs-4> <label for=input-@btn-danger-bg>@btn-danger-bg</label> <input class=form-control id=input-@btn-danger-bg value=@brand-danger data-var=@btn-danger-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-danger-border>@btn-danger-border</label> <input class=form-control id=input-@btn-danger-border value="darken(@btn-danger-bg, 5%)" data-var=@btn-danger-border> </div> <div class=col-xs-4> <label for=input-@btn-link-disabled-color>@btn-link-disabled-color</label> <input class=form-control id=input-@btn-link-disabled-color value=@gray-light data-var=@btn-link-disabled-color> </div> <div class=col-xs-4> <label for=input-@btn-border-radius-base>@btn-border-radius-base</label> <input class=form-control id=input-@btn-border-radius-base value=@border-radius-base data-var=@btn-border-radius-base> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@btn-border-radius-large>@btn-border-radius-large</label> <input class=form-control id=input-@btn-border-radius-large value=@border-radius-large data-var=@btn-border-radius-large> </div> <div class=col-xs-4> <label for=input-@btn-border-radius-small>@btn-border-radius-small</label> <input class=form-control id=input-@btn-border-radius-small value=@border-radius-small data-var=@btn-border-radius-small> </div> </div> <h2 id=forms>Forms</h2> <div class=row> <div class=col-xs-4> <label for=input-@input-bg>@input-bg</label> <input class=form-control id=input-@input-bg aria-describedby=help-block-@input-bg value=#fff data-var=@input-bg> <p class=help-block id=help-block-@input-bg><code>&lt;input&gt;</code> background color</p> </div> <div class=col-xs-4> <label for=input-@input-bg-disabled>@input-bg-disabled</label> <input class=form-control id=input-@input-bg-disabled aria-describedby=help-block-@input-bg-disabled value=@gray-lighter data-var=@input-bg-disabled> <p class=help-block id=help-block-@input-bg-disabled><code>&lt;input disabled&gt;</code> background color</p> </div> <div class=col-xs-4> <label for=input-@input-color>@input-color</label> <input class=form-control id=input-@input-color aria-describedby=help-block-@input-color value=@gray data-var=@input-color> <p class=help-block id=help-block-@input-color>Text color for <code>&lt;input&gt;</code>s</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@input-border>@input-border</label> <input class=form-control id=input-@input-border aria-describedby=help-block-@input-border value=#ccc data-var=@input-border> <p class=help-block id=help-block-@input-border><code>&lt;input&gt;</code> border color</p> </div> <div class=col-xs-4> <label for=input-@input-border-radius>@input-border-radius</label> <input class=form-control id=input-@input-border-radius aria-describedby=help-block-@input-border-radius value=@border-radius-base data-var=@input-border-radius> <p class=help-block id=help-block-@input-border-radius>Default <code>.form-control</code> border radius</p> </div> <div class=col-xs-4> <label for=input-@input-border-radius-large>@input-border-radius-large</label> <input class=form-control id=input-@input-border-radius-large aria-describedby=help-block-@input-border-radius-large value=@border-radius-large data-var=@input-border-radius-large> <p class=help-block id=help-block-@input-border-radius-large>Large <code>.form-control</code> border radius</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@input-border-radius-small>@input-border-radius-small</label> <input class=form-control id=input-@input-border-radius-small aria-describedby=help-block-@input-border-radius-small value=@border-radius-small data-var=@input-border-radius-small> <p class=help-block id=help-block-@input-border-radius-small>Small <code>.form-control</code> border radius</p> </div> <div class=col-xs-4> <label for=input-@input-border-focus>@input-border-focus</label> <input class=form-control id=input-@input-border-focus aria-describedby=help-block-@input-border-focus value=#66afe9 data-var=@input-border-focus> <p class=help-block id=help-block-@input-border-focus>Border color for inputs on focus</p> </div> <div class=col-xs-4> <label for=input-@input-color-placeholder>@input-color-placeholder</label> <input class=form-control id=input-@input-color-placeholder aria-describedby=help-block-@input-color-placeholder value=#999 data-var=@input-color-placeholder> <p class=help-block id=help-block-@input-color-placeholder>Placeholder text color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@input-height-base>@input-height-base</label> <input class=form-control id=input-@input-height-base aria-describedby=help-block-@input-height-base value="(@line-height-computed + (@padding-base-vertical * 2) + 2)" data-var=@input-height-base> <p class=help-block id=help-block-@input-height-base>Default <code>.form-control</code> height</p> </div> <div class=col-xs-4> <label for=input-@input-height-large>@input-height-large</label> <input class=form-control id=input-@input-height-large aria-describedby=help-block-@input-height-large value="(ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2)" data-var=@input-height-large> <p class=help-block id=help-block-@input-height-large>Large <code>.form-control</code> height</p> </div> <div class=col-xs-4> <label for=input-@input-height-small>@input-height-small</label> <input class=form-control id=input-@input-height-small aria-describedby=help-block-@input-height-small value="(floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2)" data-var=@input-height-small> <p class=help-block id=help-block-@input-height-small>Small <code>.form-control</code> height</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@form-group-margin-bottom>@form-group-margin-bottom</label> <input class=form-control id=input-@form-group-margin-bottom aria-describedby=help-block-@form-group-margin-bottom value=15px data-var=@form-group-margin-bottom> <p class=help-block id=help-block-@form-group-margin-bottom><code>.form-group</code> margin</p> </div> <div class=col-xs-4> <label for=input-@legend-color>@legend-color</label> <input class=form-control id=input-@legend-color value=@gray-dark data-var=@legend-color> </div> <div class=col-xs-4> <label for=input-@legend-border-color>@legend-border-color</label> <input class=form-control id=input-@legend-border-color value=#e5e5e5 data-var=@legend-border-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@input-group-addon-bg>@input-group-addon-bg</label> <input class=form-control id=input-@input-group-addon-bg aria-describedby=help-block-@input-group-addon-bg value=@gray-lighter data-var=@input-group-addon-bg> <p class=help-block id=help-block-@input-group-addon-bg>Background color for textual input addons</p> </div> <div class=col-xs-4> <label for=input-@input-group-addon-border-color>@input-group-addon-border-color</label> <input class=form-control id=input-@input-group-addon-border-color aria-describedby=help-block-@input-group-addon-border-color value=@input-border data-var=@input-group-addon-border-color> <p class=help-block id=help-block-@input-group-addon-border-color>Border color for textual input addons</p> </div> <div class=col-xs-4> <label for=input-@cursor-disabled>@cursor-disabled</label> <input class=form-control id=input-@cursor-disabled aria-describedby=help-block-@cursor-disabled value=not-allowed data-var=@cursor-disabled> <p class=help-block id=help-block-@cursor-disabled>Disabled cursor for form controls and buttons.</p> </div> </div> <h2 id=dropdowns>Dropdowns</h2> <p>Dropdown menu container and contents.</p> <div class=row> <div class=col-xs-4> <label for=input-@dropdown-bg>@dropdown-bg</label> <input class=form-control id=input-@dropdown-bg aria-describedby=help-block-@dropdown-bg value=#fff data-var=@dropdown-bg> <p class=help-block id=help-block-@dropdown-bg>Background for the dropdown menu.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-border>@dropdown-border</label> <input class=form-control id=input-@dropdown-border aria-describedby=help-block-@dropdown-border value=rgba(0,0,0,.15) data-var=@dropdown-border> <p class=help-block id=help-block-@dropdown-border>Dropdown menu <code>border-color</code>.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-fallback-border>@dropdown-fallback-border</label> <input class=form-control id=input-@dropdown-fallback-border aria-describedby=help-block-@dropdown-fallback-border value=#ccc data-var=@dropdown-fallback-border> <p class=help-block id=help-block-@dropdown-fallback-border>Dropdown menu <code>border-color</code> <strong>for IE8</strong>.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@dropdown-divider-bg>@dropdown-divider-bg</label> <input class=form-control id=input-@dropdown-divider-bg aria-describedby=help-block-@dropdown-divider-bg value=#e5e5e5 data-var=@dropdown-divider-bg> <p class=help-block id=help-block-@dropdown-divider-bg>Divider color for between dropdown items.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-link-color>@dropdown-link-color</label> <input class=form-control id=input-@dropdown-link-color aria-describedby=help-block-@dropdown-link-color value=@gray-dark data-var=@dropdown-link-color> <p class=help-block id=help-block-@dropdown-link-color>Dropdown link text color.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-link-hover-color>@dropdown-link-hover-color</label> <input class=form-control id=input-@dropdown-link-hover-color aria-describedby=help-block-@dropdown-link-hover-color value="darken(@gray-dark, 5%)" data-var=@dropdown-link-hover-color> <p class=help-block id=help-block-@dropdown-link-hover-color>Hover color for dropdown links.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@dropdown-link-hover-bg>@dropdown-link-hover-bg</label> <input class=form-control id=input-@dropdown-link-hover-bg aria-describedby=help-block-@dropdown-link-hover-bg value=#f5f5f5 data-var=@dropdown-link-hover-bg> <p class=help-block id=help-block-@dropdown-link-hover-bg>Hover background for dropdown links.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-link-active-color>@dropdown-link-active-color</label> <input class=form-control id=input-@dropdown-link-active-color aria-describedby=help-block-@dropdown-link-active-color value=@component-active-color data-var=@dropdown-link-active-color> <p class=help-block id=help-block-@dropdown-link-active-color>Active dropdown menu item text color.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-link-active-bg>@dropdown-link-active-bg</label> <input class=form-control id=input-@dropdown-link-active-bg aria-describedby=help-block-@dropdown-link-active-bg value=@component-active-bg data-var=@dropdown-link-active-bg> <p class=help-block id=help-block-@dropdown-link-active-bg>Active dropdown menu item background color.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@dropdown-link-disabled-color>@dropdown-link-disabled-color</label> <input class=form-control id=input-@dropdown-link-disabled-color aria-describedby=help-block-@dropdown-link-disabled-color value=@gray-light data-var=@dropdown-link-disabled-color> <p class=help-block id=help-block-@dropdown-link-disabled-color>Disabled dropdown menu item background color.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-header-color>@dropdown-header-color</label> <input class=form-control id=input-@dropdown-header-color aria-describedby=help-block-@dropdown-header-color value=@gray-light data-var=@dropdown-header-color> <p class=help-block id=help-block-@dropdown-header-color>Text color for headers within dropdown menus.</p> </div> <div class=col-xs-4> <label for=input-@dropdown-caret-color>@dropdown-caret-color</label> <input class=form-control id=input-@dropdown-caret-color aria-describedby=help-block-@dropdown-caret-color value=#000 data-var=@dropdown-caret-color> <p class=help-block id=help-block-@dropdown-caret-color>Deprecated <code>@dropdown-caret-color</code> as of v3.1.0</p> </div> </div> <h2 id=media-queries-breakpoints>Media queries breakpoints</h2> <p>Define the breakpoints at which your layout will change, adapting to different screen sizes.</p> <div class=row> <div class=col-xs-4> <label for=input-@screen-xs>@screen-xs</label> <input class=form-control id=input-@screen-xs aria-describedby=help-block-@screen-xs value=480px data-var=@screen-xs> <p class=help-block id=help-block-@screen-xs>Deprecated <code>@screen-xs</code> as of v3.0.1</p> </div> <div class=col-xs-4> <label for=input-@screen-xs-min>@screen-xs-min</label> <input class=form-control id=input-@screen-xs-min aria-describedby=help-block-@screen-xs-min value=@screen-xs data-var=@screen-xs-min> <p class=help-block id=help-block-@screen-xs-min>Deprecated <code>@screen-xs-min</code> as of v3.2.0</p> </div> <div class=col-xs-4> <label for=input-@screen-phone>@screen-phone</label> <input class=form-control id=input-@screen-phone aria-describedby=help-block-@screen-phone value=@screen-xs-min data-var=@screen-phone> <p class=help-block id=help-block-@screen-phone>Deprecated <code>@screen-phone</code> as of v3.0.1</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@screen-sm>@screen-sm</label> <input class=form-control id=input-@screen-sm aria-describedby=help-block-@screen-sm value=768px data-var=@screen-sm> <p class=help-block id=help-block-@screen-sm>Deprecated <code>@screen-sm</code> as of v3.0.1</p> </div> <div class=col-xs-4> <label for=input-@screen-sm-min>@screen-sm-min</label> <input class=form-control id=input-@screen-sm-min value=@screen-sm data-var=@screen-sm-min> </div> <div class=col-xs-4> <label for=input-@screen-tablet>@screen-tablet</label> <input class=form-control id=input-@screen-tablet aria-describedby=help-block-@screen-tablet value=@screen-sm-min data-var=@screen-tablet> <p class=help-block id=help-block-@screen-tablet>Deprecated <code>@screen-tablet</code> as of v3.0.1</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@screen-md>@screen-md</label> <input class=form-control id=input-@screen-md aria-describedby=help-block-@screen-md value=992px data-var=@screen-md> <p class=help-block id=help-block-@screen-md>Deprecated <code>@screen-md</code> as of v3.0.1</p> </div> <div class=col-xs-4> <label for=input-@screen-md-min>@screen-md-min</label> <input class=form-control id=input-@screen-md-min value=@screen-md data-var=@screen-md-min> </div> <div class=col-xs-4> <label for=input-@screen-desktop>@screen-desktop</label> <input class=form-control id=input-@screen-desktop aria-describedby=help-block-@screen-desktop value=@screen-md-min data-var=@screen-desktop> <p class=help-block id=help-block-@screen-desktop>Deprecated <code>@screen-desktop</code> as of v3.0.1</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@screen-lg>@screen-lg</label> <input class=form-control id=input-@screen-lg aria-describedby=help-block-@screen-lg value=1200px data-var=@screen-lg> <p class=help-block id=help-block-@screen-lg>Deprecated <code>@screen-lg</code> as of v3.0.1</p> </div> <div class=col-xs-4> <label for=input-@screen-lg-min>@screen-lg-min</label> <input class=form-control id=input-@screen-lg-min value=@screen-lg data-var=@screen-lg-min> </div> <div class=col-xs-4> <label for=input-@screen-lg-desktop>@screen-lg-desktop</label> <input class=form-control id=input-@screen-lg-desktop aria-describedby=help-block-@screen-lg-desktop value=@screen-lg-min data-var=@screen-lg-desktop> <p class=help-block id=help-block-@screen-lg-desktop>Deprecated <code>@screen-lg-desktop</code> as of v3.0.1</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@screen-xs-max>@screen-xs-max</label> <input class=form-control id=input-@screen-xs-max value="(@screen-sm-min - 1)" data-var=@screen-xs-max> </div> <div class=col-xs-4> <label for=input-@screen-sm-max>@screen-sm-max</label> <input class=form-control id=input-@screen-sm-max value="(@screen-md-min - 1)" data-var=@screen-sm-max> </div> <div class=col-xs-4> <label for=input-@screen-md-max>@screen-md-max</label> <input class=form-control id=input-@screen-md-max value="(@screen-lg-min - 1)" data-var=@screen-md-max> </div> </div> <h2 id=grid-system>Grid system</h2> <p>Define your custom responsive grid.</p> <div class=row> <div class=col-xs-4> <label for=input-@grid-columns>@grid-columns</label> <input class=form-control id=input-@grid-columns aria-describedby=help-block-@grid-columns value=12 data-var=@grid-columns> <p class=help-block id=help-block-@grid-columns>Number of columns in the grid.</p> </div> <div class=col-xs-4> <label for=input-@grid-gutter-width>@grid-gutter-width</label> <input class=form-control id=input-@grid-gutter-width aria-describedby=help-block-@grid-gutter-width value=30px data-var=@grid-gutter-width> <p class=help-block id=help-block-@grid-gutter-width>Padding between columns. Gets divided in half for the left and right.</p> </div> <div class=col-xs-4> <label for=input-@grid-float-breakpoint>@grid-float-breakpoint</label> <input class=form-control id=input-@grid-float-breakpoint aria-describedby=help-block-@grid-float-breakpoint value=@screen-sm-min data-var=@grid-float-breakpoint> <p class=help-block id=help-block-@grid-float-breakpoint>Point at which the navbar becomes uncollapsed.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@grid-float-breakpoint-max>@grid-float-breakpoint-max</label> <input class=form-control id=input-@grid-float-breakpoint-max aria-describedby=help-block-@grid-float-breakpoint-max value="(@grid-float-breakpoint - 1)" data-var=@grid-float-breakpoint-max> <p class=help-block id=help-block-@grid-float-breakpoint-max>Point at which the navbar begins collapsing.</p> </div> </div> <h2 id=container-sizes>Container sizes</h2> <p>Define the maximum width of <code>.container</code> for different screen sizes.</p> <div class=row> <div class=col-xs-4> <label for=input-@container-tablet>@container-tablet</label> <input class=form-control id=input-@container-tablet value="(720px + @grid-gutter-width)" data-var=@container-tablet> </div> <div class=col-xs-4> <label for=input-@container-sm>@container-sm</label> <input class=form-control id=input-@container-sm aria-describedby=help-block-@container-sm value=@container-tablet data-var=@container-sm> <p class=help-block id=help-block-@container-sm>For <code>@screen-sm-min</code> and up.</p> </div> <div class=col-xs-4> <label for=input-@container-desktop>@container-desktop</label> <input class=form-control id=input-@container-desktop value="(940px + @grid-gutter-width)" data-var=@container-desktop> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@container-md>@container-md</label> <input class=form-control id=input-@container-md aria-describedby=help-block-@container-md value=@container-desktop data-var=@container-md> <p class=help-block id=help-block-@container-md>For <code>@screen-md-min</code> and up.</p> </div> <div class=col-xs-4> <label for=input-@container-large-desktop>@container-large-desktop</label> <input class=form-control id=input-@container-large-desktop value="(1140px + @grid-gutter-width)" data-var=@container-large-desktop> </div> <div class=col-xs-4> <label for=input-@container-lg>@container-lg</label> <input class=form-control id=input-@container-lg aria-describedby=help-block-@container-lg value=@container-large-desktop data-var=@container-lg> <p class=help-block id=help-block-@container-lg>For <code>@screen-lg-min</code> and up.</p> </div> </div> <h2 id=navbar>Navbar</h2> <div class=row> <div class=col-xs-4> <label for=input-@navbar-height>@navbar-height</label> <input class=form-control id=input-@navbar-height value=50px data-var=@navbar-height> </div> <div class=col-xs-4> <label for=input-@navbar-margin-bottom>@navbar-margin-bottom</label> <input class=form-control id=input-@navbar-margin-bottom value=@line-height-computed data-var=@navbar-margin-bottom> </div> <div class=col-xs-4> <label for=input-@navbar-border-radius>@navbar-border-radius</label> <input class=form-control id=input-@navbar-border-radius value=@border-radius-base data-var=@navbar-border-radius> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-padding-horizontal>@navbar-padding-horizontal</label> <input class=form-control id=input-@navbar-padding-horizontal value="floor((@grid-gutter-width / 2))" data-var=@navbar-padding-horizontal> </div> <div class=col-xs-4> <label for=input-@navbar-padding-vertical>@navbar-padding-vertical</label> <input class=form-control id=input-@navbar-padding-vertical value="((@navbar-height - @line-height-computed) / 2)" data-var=@navbar-padding-vertical> </div> <div class=col-xs-4> <label for=input-@navbar-collapse-max-height>@navbar-collapse-max-height</label> <input class=form-control id=input-@navbar-collapse-max-height value=340px data-var=@navbar-collapse-max-height> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-color>@navbar-default-color</label> <input class=form-control id=input-@navbar-default-color value=#777 data-var=@navbar-default-color> </div> <div class=col-xs-4> <label for=input-@navbar-default-bg>@navbar-default-bg</label> <input class=form-control id=input-@navbar-default-bg value=#f8f8f8 data-var=@navbar-default-bg> </div> <div class=col-xs-4> <label for=input-@navbar-default-border>@navbar-default-border</label> <input class=form-control id=input-@navbar-default-border value="darken(@navbar-default-bg, 6.5%)" data-var=@navbar-default-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-link-color>@navbar-default-link-color</label> <input class=form-control id=input-@navbar-default-link-color value=#777 data-var=@navbar-default-link-color> </div> <div class=col-xs-4> <label for=input-@navbar-default-link-hover-color>@navbar-default-link-hover-color</label> <input class=form-control id=input-@navbar-default-link-hover-color value=#333 data-var=@navbar-default-link-hover-color> </div> <div class=col-xs-4> <label for=input-@navbar-default-link-hover-bg>@navbar-default-link-hover-bg</label> <input class=form-control id=input-@navbar-default-link-hover-bg value=transparent data-var=@navbar-default-link-hover-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-link-active-color>@navbar-default-link-active-color</label> <input class=form-control id=input-@navbar-default-link-active-color value=#555 data-var=@navbar-default-link-active-color> </div> <div class=col-xs-4> <label for=input-@navbar-default-link-active-bg>@navbar-default-link-active-bg</label> <input class=form-control id=input-@navbar-default-link-active-bg value="darken(@navbar-default-bg, 6.5%)" data-var=@navbar-default-link-active-bg> </div> <div class=col-xs-4> <label for=input-@navbar-default-link-disabled-color>@navbar-default-link-disabled-color</label> <input class=form-control id=input-@navbar-default-link-disabled-color value=#ccc data-var=@navbar-default-link-disabled-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-link-disabled-bg>@navbar-default-link-disabled-bg</label> <input class=form-control id=input-@navbar-default-link-disabled-bg value=transparent data-var=@navbar-default-link-disabled-bg> </div> <div class=col-xs-4> <label for=input-@navbar-default-brand-color>@navbar-default-brand-color</label> <input class=form-control id=input-@navbar-default-brand-color value=@navbar-default-link-color data-var=@navbar-default-brand-color> </div> <div class=col-xs-4> <label for=input-@navbar-default-brand-hover-color>@navbar-default-brand-hover-color</label> <input class=form-control id=input-@navbar-default-brand-hover-color value="darken(@navbar-default-brand-color, 10%)" data-var=@navbar-default-brand-hover-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-brand-hover-bg>@navbar-default-brand-hover-bg</label> <input class=form-control id=input-@navbar-default-brand-hover-bg value=transparent data-var=@navbar-default-brand-hover-bg> </div> <div class=col-xs-4> <label for=input-@navbar-default-toggle-hover-bg>@navbar-default-toggle-hover-bg</label> <input class=form-control id=input-@navbar-default-toggle-hover-bg value=#ddd data-var=@navbar-default-toggle-hover-bg> </div> <div class=col-xs-4> <label for=input-@navbar-default-toggle-icon-bar-bg>@navbar-default-toggle-icon-bar-bg</label> <input class=form-control id=input-@navbar-default-toggle-icon-bar-bg value=#888 data-var=@navbar-default-toggle-icon-bar-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-default-toggle-border-color>@navbar-default-toggle-border-color</label> <input class=form-control id=input-@navbar-default-toggle-border-color value=#ddd data-var=@navbar-default-toggle-border-color> </div> </div> <h3 id=inverted-navbar>Inverted navbar</h3> <div class=row> <div class=col-xs-4> <label for=input-@navbar-inverse-color>@navbar-inverse-color</label> <input class=form-control id=input-@navbar-inverse-color value="lighten(@gray-light, 15%)" data-var=@navbar-inverse-color> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-bg>@navbar-inverse-bg</label> <input class=form-control id=input-@navbar-inverse-bg value=#222 data-var=@navbar-inverse-bg> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-border>@navbar-inverse-border</label> <input class=form-control id=input-@navbar-inverse-border value="darken(@navbar-inverse-bg, 10%)" data-var=@navbar-inverse-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-color>@navbar-inverse-link-color</label> <input class=form-control id=input-@navbar-inverse-link-color value="lighten(@gray-light, 15%)" data-var=@navbar-inverse-link-color> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-hover-color>@navbar-inverse-link-hover-color</label> <input class=form-control id=input-@navbar-inverse-link-hover-color value=#fff data-var=@navbar-inverse-link-hover-color> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-hover-bg>@navbar-inverse-link-hover-bg</label> <input class=form-control id=input-@navbar-inverse-link-hover-bg value=transparent data-var=@navbar-inverse-link-hover-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-active-color>@navbar-inverse-link-active-color</label> <input class=form-control id=input-@navbar-inverse-link-active-color value=@navbar-inverse-link-hover-color data-var=@navbar-inverse-link-active-color> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-active-bg>@navbar-inverse-link-active-bg</label> <input class=form-control id=input-@navbar-inverse-link-active-bg value="darken(@navbar-inverse-bg, 10%)" data-var=@navbar-inverse-link-active-bg> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-disabled-color>@navbar-inverse-link-disabled-color</label> <input class=form-control id=input-@navbar-inverse-link-disabled-color value=#444 data-var=@navbar-inverse-link-disabled-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-inverse-link-disabled-bg>@navbar-inverse-link-disabled-bg</label> <input class=form-control id=input-@navbar-inverse-link-disabled-bg value=transparent data-var=@navbar-inverse-link-disabled-bg> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-brand-color>@navbar-inverse-brand-color</label> <input class=form-control id=input-@navbar-inverse-brand-color value=@navbar-inverse-link-color data-var=@navbar-inverse-brand-color> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-brand-hover-color>@navbar-inverse-brand-hover-color</label> <input class=form-control id=input-@navbar-inverse-brand-hover-color value=#fff data-var=@navbar-inverse-brand-hover-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-inverse-brand-hover-bg>@navbar-inverse-brand-hover-bg</label> <input class=form-control id=input-@navbar-inverse-brand-hover-bg value=transparent data-var=@navbar-inverse-brand-hover-bg> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-toggle-hover-bg>@navbar-inverse-toggle-hover-bg</label> <input class=form-control id=input-@navbar-inverse-toggle-hover-bg value=#333 data-var=@navbar-inverse-toggle-hover-bg> </div> <div class=col-xs-4> <label for=input-@navbar-inverse-toggle-icon-bar-bg>@navbar-inverse-toggle-icon-bar-bg</label> <input class=form-control id=input-@navbar-inverse-toggle-icon-bar-bg value=#fff data-var=@navbar-inverse-toggle-icon-bar-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@navbar-inverse-toggle-border-color>@navbar-inverse-toggle-border-color</label> <input class=form-control id=input-@navbar-inverse-toggle-border-color value=#333 data-var=@navbar-inverse-toggle-border-color> </div> </div> <h2 id=navs>Navs</h2> <h3 id=shared-nav-styles>Shared nav styles</h3> <div class=row> <div class=col-xs-4> <label for=input-@nav-link-padding>@nav-link-padding</label> <input class=form-control id=input-@nav-link-padding value="10px 15px" data-var=@nav-link-padding> </div> <div class=col-xs-4> <label for=input-@nav-link-hover-bg>@nav-link-hover-bg</label> <input class=form-control id=input-@nav-link-hover-bg value=@gray-lighter data-var=@nav-link-hover-bg> </div> <div class=col-xs-4> <label for=input-@nav-disabled-link-color>@nav-disabled-link-color</label> <input class=form-control id=input-@nav-disabled-link-color value=@gray-light data-var=@nav-disabled-link-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@nav-disabled-link-hover-color>@nav-disabled-link-hover-color</label> <input class=form-control id=input-@nav-disabled-link-hover-color value=@gray-light data-var=@nav-disabled-link-hover-color> </div> </div> <h2 id=tabs>Tabs</h2> <div class=row> <div class=col-xs-4> <label for=input-@nav-tabs-border-color>@nav-tabs-border-color</label> <input class=form-control id=input-@nav-tabs-border-color value=#ddd data-var=@nav-tabs-border-color> </div> <div class=col-xs-4> <label for=input-@nav-tabs-link-hover-border-color>@nav-tabs-link-hover-border-color</label> <input class=form-control id=input-@nav-tabs-link-hover-border-color value=@gray-lighter data-var=@nav-tabs-link-hover-border-color> </div> <div class=col-xs-4> <label for=input-@nav-tabs-active-link-hover-bg>@nav-tabs-active-link-hover-bg</label> <input class=form-control id=input-@nav-tabs-active-link-hover-bg value=@body-bg data-var=@nav-tabs-active-link-hover-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@nav-tabs-active-link-hover-color>@nav-tabs-active-link-hover-color</label> <input class=form-control id=input-@nav-tabs-active-link-hover-color value=@gray data-var=@nav-tabs-active-link-hover-color> </div> <div class=col-xs-4> <label for=input-@nav-tabs-active-link-hover-border-color>@nav-tabs-active-link-hover-border-color</label> <input class=form-control id=input-@nav-tabs-active-link-hover-border-color value=#ddd data-var=@nav-tabs-active-link-hover-border-color> </div> <div class=col-xs-4> <label for=input-@nav-tabs-justified-link-border-color>@nav-tabs-justified-link-border-color</label> <input class=form-control id=input-@nav-tabs-justified-link-border-color value=#ddd data-var=@nav-tabs-justified-link-border-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@nav-tabs-justified-active-link-border-color>@nav-tabs-justified-active-link-border-color</label> <input class=form-control id=input-@nav-tabs-justified-active-link-border-color value=@body-bg data-var=@nav-tabs-justified-active-link-border-color> </div> </div> <h2 id=pills>Pills</h2> <div class=row> <div class=col-xs-4> <label for=input-@nav-pills-border-radius>@nav-pills-border-radius</label> <input class=form-control id=input-@nav-pills-border-radius value=@border-radius-base data-var=@nav-pills-border-radius> </div> <div class=col-xs-4> <label for=input-@nav-pills-active-link-hover-bg>@nav-pills-active-link-hover-bg</label> <input class=form-control id=input-@nav-pills-active-link-hover-bg value=@component-active-bg data-var=@nav-pills-active-link-hover-bg> </div> <div class=col-xs-4> <label for=input-@nav-pills-active-link-hover-color>@nav-pills-active-link-hover-color</label> <input class=form-control id=input-@nav-pills-active-link-hover-color value=@component-active-color data-var=@nav-pills-active-link-hover-color> </div> </div> <h2 id=pagination>Pagination</h2> <div class=row> <div class=col-xs-4> <label for=input-@pagination-color>@pagination-color</label> <input class=form-control id=input-@pagination-color value=@link-color data-var=@pagination-color> </div> <div class=col-xs-4> <label for=input-@pagination-bg>@pagination-bg</label> <input class=form-control id=input-@pagination-bg value=#fff data-var=@pagination-bg> </div> <div class=col-xs-4> <label for=input-@pagination-border>@pagination-border</label> <input class=form-control id=input-@pagination-border value=#ddd data-var=@pagination-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pagination-hover-color>@pagination-hover-color</label> <input class=form-control id=input-@pagination-hover-color value=@link-hover-color data-var=@pagination-hover-color> </div> <div class=col-xs-4> <label for=input-@pagination-hover-bg>@pagination-hover-bg</label> <input class=form-control id=input-@pagination-hover-bg value=@gray-lighter data-var=@pagination-hover-bg> </div> <div class=col-xs-4> <label for=input-@pagination-hover-border>@pagination-hover-border</label> <input class=form-control id=input-@pagination-hover-border value=#ddd data-var=@pagination-hover-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pagination-active-color>@pagination-active-color</label> <input class=form-control id=input-@pagination-active-color value=#fff data-var=@pagination-active-color> </div> <div class=col-xs-4> <label for=input-@pagination-active-bg>@pagination-active-bg</label> <input class=form-control id=input-@pagination-active-bg value=@brand-primary data-var=@pagination-active-bg> </div> <div class=col-xs-4> <label for=input-@pagination-active-border>@pagination-active-border</label> <input class=form-control id=input-@pagination-active-border value=@brand-primary data-var=@pagination-active-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pagination-disabled-color>@pagination-disabled-color</label> <input class=form-control id=input-@pagination-disabled-color value=@gray-light data-var=@pagination-disabled-color> </div> <div class=col-xs-4> <label for=input-@pagination-disabled-bg>@pagination-disabled-bg</label> <input class=form-control id=input-@pagination-disabled-bg value=#fff data-var=@pagination-disabled-bg> </div> <div class=col-xs-4> <label for=input-@pagination-disabled-border>@pagination-disabled-border</label> <input class=form-control id=input-@pagination-disabled-border value=#ddd data-var=@pagination-disabled-border> </div> </div> <h2 id=pager>Pager</h2> <div class=row> <div class=col-xs-4> <label for=input-@pager-bg>@pager-bg</label> <input class=form-control id=input-@pager-bg value=@pagination-bg data-var=@pager-bg> </div> <div class=col-xs-4> <label for=input-@pager-border>@pager-border</label> <input class=form-control id=input-@pager-border value=@pagination-border data-var=@pager-border> </div> <div class=col-xs-4> <label for=input-@pager-border-radius>@pager-border-radius</label> <input class=form-control id=input-@pager-border-radius value=15px data-var=@pager-border-radius> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pager-hover-bg>@pager-hover-bg</label> <input class=form-control id=input-@pager-hover-bg value=@pagination-hover-bg data-var=@pager-hover-bg> </div> <div class=col-xs-4> <label for=input-@pager-active-bg>@pager-active-bg</label> <input class=form-control id=input-@pager-active-bg value=@pagination-active-bg data-var=@pager-active-bg> </div> <div class=col-xs-4> <label for=input-@pager-active-color>@pager-active-color</label> <input class=form-control id=input-@pager-active-color value=@pagination-active-color data-var=@pager-active-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pager-disabled-color>@pager-disabled-color</label> <input class=form-control id=input-@pager-disabled-color value=@pagination-disabled-color data-var=@pager-disabled-color> </div> </div> <h2 id=jumbotron>Jumbotron</h2> <div class=row> <div class=col-xs-4> <label for=input-@jumbotron-padding>@jumbotron-padding</label> <input class=form-control id=input-@jumbotron-padding value=30px data-var=@jumbotron-padding> </div> <div class=col-xs-4> <label for=input-@jumbotron-color>@jumbotron-color</label> <input class=form-control id=input-@jumbotron-color value=inherit data-var=@jumbotron-color> </div> <div class=col-xs-4> <label for=input-@jumbotron-bg>@jumbotron-bg</label> <input class=form-control id=input-@jumbotron-bg value=@gray-lighter data-var=@jumbotron-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@jumbotron-heading-color>@jumbotron-heading-color</label> <input class=form-control id=input-@jumbotron-heading-color value=inherit data-var=@jumbotron-heading-color> </div> <div class=col-xs-4> <label for=input-@jumbotron-font-size>@jumbotron-font-size</label> <input class=form-control id=input-@jumbotron-font-size value="ceil((@font-size-base * 1.5))" data-var=@jumbotron-font-size> </div> <div class=col-xs-4> <label for=input-@jumbotron-heading-font-size>@jumbotron-heading-font-size</label> <input class=form-control id=input-@jumbotron-heading-font-size value="ceil((@font-size-base * 4.5))" data-var=@jumbotron-heading-font-size> </div> </div> <h2 id=form-states-and-alerts>Form states and alerts</h2> <p>Define colors for form feedback states and, by default, alerts.</p> <div class=row> <div class=col-xs-4> <label for=input-@state-success-text>@state-success-text</label> <input class=form-control id=input-@state-success-text value=#3c763d data-var=@state-success-text> </div> <div class=col-xs-4> <label for=input-@state-success-bg>@state-success-bg</label> <input class=form-control id=input-@state-success-bg value=#dff0d8 data-var=@state-success-bg> </div> <div class=col-xs-4> <label for=input-@state-success-border>@state-success-border</label> <input class=form-control id=input-@state-success-border value="darken(spin(@state-success-bg, -10), 5%)" data-var=@state-success-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@state-info-text>@state-info-text</label> <input class=form-control id=input-@state-info-text value=#31708f data-var=@state-info-text> </div> <div class=col-xs-4> <label for=input-@state-info-bg>@state-info-bg</label> <input class=form-control id=input-@state-info-bg value=#d9edf7 data-var=@state-info-bg> </div> <div class=col-xs-4> <label for=input-@state-info-border>@state-info-border</label> <input class=form-control id=input-@state-info-border value="darken(spin(@state-info-bg, -10), 7%)" data-var=@state-info-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@state-warning-text>@state-warning-text</label> <input class=form-control id=input-@state-warning-text value=#8a6d3b data-var=@state-warning-text> </div> <div class=col-xs-4> <label for=input-@state-warning-bg>@state-warning-bg</label> <input class=form-control id=input-@state-warning-bg value=#fcf8e3 data-var=@state-warning-bg> </div> <div class=col-xs-4> <label for=input-@state-warning-border>@state-warning-border</label> <input class=form-control id=input-@state-warning-border value="darken(spin(@state-warning-bg, -10), 5%)" data-var=@state-warning-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@state-danger-text>@state-danger-text</label> <input class=form-control id=input-@state-danger-text value=#a94442 data-var=@state-danger-text> </div> <div class=col-xs-4> <label for=input-@state-danger-bg>@state-danger-bg</label> <input class=form-control id=input-@state-danger-bg value=#f2dede data-var=@state-danger-bg> </div> <div class=col-xs-4> <label for=input-@state-danger-border>@state-danger-border</label> <input class=form-control id=input-@state-danger-border value="darken(spin(@state-danger-bg, -10), 5%)" data-var=@state-danger-border> </div> </div> <h2 id=tooltips>Tooltips</h2> <div class=row> <div class=col-xs-4> <label for=input-@tooltip-max-width>@tooltip-max-width</label> <input class=form-control id=input-@tooltip-max-width aria-describedby=help-block-@tooltip-max-width value=200px data-var=@tooltip-max-width> <p class=help-block id=help-block-@tooltip-max-width>Tooltip max width</p> </div> <div class=col-xs-4> <label for=input-@tooltip-color>@tooltip-color</label> <input class=form-control id=input-@tooltip-color aria-describedby=help-block-@tooltip-color value=#fff data-var=@tooltip-color> <p class=help-block id=help-block-@tooltip-color>Tooltip text color</p> </div> <div class=col-xs-4> <label for=input-@tooltip-bg>@tooltip-bg</label> <input class=form-control id=input-@tooltip-bg aria-describedby=help-block-@tooltip-bg value=#000 data-var=@tooltip-bg> <p class=help-block id=help-block-@tooltip-bg>Tooltip background color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@tooltip-opacity>@tooltip-opacity</label> <input class=form-control id=input-@tooltip-opacity value=.9 data-var=@tooltip-opacity> </div> <div class=col-xs-4> <label for=input-@tooltip-arrow-width>@tooltip-arrow-width</label> <input class=form-control id=input-@tooltip-arrow-width aria-describedby=help-block-@tooltip-arrow-width value=5px data-var=@tooltip-arrow-width> <p class=help-block id=help-block-@tooltip-arrow-width>Tooltip arrow width</p> </div> <div class=col-xs-4> <label for=input-@tooltip-arrow-color>@tooltip-arrow-color</label> <input class=form-control id=input-@tooltip-arrow-color aria-describedby=help-block-@tooltip-arrow-color value=@tooltip-bg data-var=@tooltip-arrow-color> <p class=help-block id=help-block-@tooltip-arrow-color>Tooltip arrow color</p> </div> </div> <h2 id=popovers>Popovers</h2> <div class=row> <div class=col-xs-4> <label for=input-@popover-bg>@popover-bg</label> <input class=form-control id=input-@popover-bg aria-describedby=help-block-@popover-bg value=#fff data-var=@popover-bg> <p class=help-block id=help-block-@popover-bg>Popover body background color</p> </div> <div class=col-xs-4> <label for=input-@popover-max-width>@popover-max-width</label> <input class=form-control id=input-@popover-max-width aria-describedby=help-block-@popover-max-width value=276px data-var=@popover-max-width> <p class=help-block id=help-block-@popover-max-width>Popover maximum width</p> </div> <div class=col-xs-4> <label for=input-@popover-border-color>@popover-border-color</label> <input class=form-control id=input-@popover-border-color aria-describedby=help-block-@popover-border-color value=rgba(0,0,0,.2) data-var=@popover-border-color> <p class=help-block id=help-block-@popover-border-color>Popover border color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@popover-fallback-border-color>@popover-fallback-border-color</label> <input class=form-control id=input-@popover-fallback-border-color aria-describedby=help-block-@popover-fallback-border-color value=#ccc data-var=@popover-fallback-border-color> <p class=help-block id=help-block-@popover-fallback-border-color>Popover fallback border color</p> </div> <div class=col-xs-4> <label for=input-@popover-title-bg>@popover-title-bg</label> <input class=form-control id=input-@popover-title-bg aria-describedby=help-block-@popover-title-bg value="darken(@popover-bg, 3%)" data-var=@popover-title-bg> <p class=help-block id=help-block-@popover-title-bg>Popover title background color</p> </div> <div class=col-xs-4> <label for=input-@popover-arrow-width>@popover-arrow-width</label> <input class=form-control id=input-@popover-arrow-width aria-describedby=help-block-@popover-arrow-width value=10px data-var=@popover-arrow-width> <p class=help-block id=help-block-@popover-arrow-width>Popover arrow width</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@popover-arrow-color>@popover-arrow-color</label> <input class=form-control id=input-@popover-arrow-color aria-describedby=help-block-@popover-arrow-color value=@popover-bg data-var=@popover-arrow-color> <p class=help-block id=help-block-@popover-arrow-color>Popover arrow color</p> </div> <div class=col-xs-4> <label for=input-@popover-arrow-outer-width>@popover-arrow-outer-width</label> <input class=form-control id=input-@popover-arrow-outer-width aria-describedby=help-block-@popover-arrow-outer-width value="(@popover-arrow-width + 1)" data-var=@popover-arrow-outer-width> <p class=help-block id=help-block-@popover-arrow-outer-width>Popover outer arrow width</p> </div> <div class=col-xs-4> <label for=input-@popover-arrow-outer-color>@popover-arrow-outer-color</label> <input class=form-control id=input-@popover-arrow-outer-color aria-describedby=help-block-@popover-arrow-outer-color value="fadein(@popover-border-color, 5%)" data-var=@popover-arrow-outer-color> <p class=help-block id=help-block-@popover-arrow-outer-color>Popover outer arrow color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@popover-arrow-outer-fallback-color>@popover-arrow-outer-fallback-color</label> <input class=form-control id=input-@popover-arrow-outer-fallback-color aria-describedby=help-block-@popover-arrow-outer-fallback-color value="darken(@popover-fallback-border-color, 20%)" data-var=@popover-arrow-outer-fallback-color> <p class=help-block id=help-block-@popover-arrow-outer-fallback-color>Popover outer arrow fallback color</p> </div> </div> <h2 id=labels>Labels</h2> <div class=row> <div class=col-xs-4> <label for=input-@label-default-bg>@label-default-bg</label> <input class=form-control id=input-@label-default-bg aria-describedby=help-block-@label-default-bg value=@gray-light data-var=@label-default-bg> <p class=help-block id=help-block-@label-default-bg>Default label background color</p> </div> <div class=col-xs-4> <label for=input-@label-primary-bg>@label-primary-bg</label> <input class=form-control id=input-@label-primary-bg aria-describedby=help-block-@label-primary-bg value=@brand-primary data-var=@label-primary-bg> <p class=help-block id=help-block-@label-primary-bg>Primary label background color</p> </div> <div class=col-xs-4> <label for=input-@label-success-bg>@label-success-bg</label> <input class=form-control id=input-@label-success-bg aria-describedby=help-block-@label-success-bg value=@brand-success data-var=@label-success-bg> <p class=help-block id=help-block-@label-success-bg>Success label background color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@label-info-bg>@label-info-bg</label> <input class=form-control id=input-@label-info-bg aria-describedby=help-block-@label-info-bg value=@brand-info data-var=@label-info-bg> <p class=help-block id=help-block-@label-info-bg>Info label background color</p> </div> <div class=col-xs-4> <label for=input-@label-warning-bg>@label-warning-bg</label> <input class=form-control id=input-@label-warning-bg aria-describedby=help-block-@label-warning-bg value=@brand-warning data-var=@label-warning-bg> <p class=help-block id=help-block-@label-warning-bg>Warning label background color</p> </div> <div class=col-xs-4> <label for=input-@label-danger-bg>@label-danger-bg</label> <input class=form-control id=input-@label-danger-bg aria-describedby=help-block-@label-danger-bg value=@brand-danger data-var=@label-danger-bg> <p class=help-block id=help-block-@label-danger-bg>Danger label background color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@label-color>@label-color</label> <input class=form-control id=input-@label-color aria-describedby=help-block-@label-color value=#fff data-var=@label-color> <p class=help-block id=help-block-@label-color>Default label text color</p> </div> <div class=col-xs-4> <label for=input-@label-link-hover-color>@label-link-hover-color</label> <input class=form-control id=input-@label-link-hover-color aria-describedby=help-block-@label-link-hover-color value=#fff data-var=@label-link-hover-color> <p class=help-block id=help-block-@label-link-hover-color>Default text color of a linked label</p> </div> </div> <h2 id=modals>Modals</h2> <div class=row> <div class=col-xs-4> <label for=input-@modal-inner-padding>@modal-inner-padding</label> <input class=form-control id=input-@modal-inner-padding aria-describedby=help-block-@modal-inner-padding value=15px data-var=@modal-inner-padding> <p class=help-block id=help-block-@modal-inner-padding>Padding applied to the modal body</p> </div> <div class=col-xs-4> <label for=input-@modal-title-padding>@modal-title-padding</label> <input class=form-control id=input-@modal-title-padding aria-describedby=help-block-@modal-title-padding value=15px data-var=@modal-title-padding> <p class=help-block id=help-block-@modal-title-padding>Padding applied to the modal title</p> </div> <div class=col-xs-4> <label for=input-@modal-title-line-height>@modal-title-line-height</label> <input class=form-control id=input-@modal-title-line-height aria-describedby=help-block-@modal-title-line-height value=@line-height-base data-var=@modal-title-line-height> <p class=help-block id=help-block-@modal-title-line-height>Modal title line-height</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@modal-content-bg>@modal-content-bg</label> <input class=form-control id=input-@modal-content-bg aria-describedby=help-block-@modal-content-bg value=#fff data-var=@modal-content-bg> <p class=help-block id=help-block-@modal-content-bg>Background color of modal content area</p> </div> <div class=col-xs-4> <label for=input-@modal-content-border-color>@modal-content-border-color</label> <input class=form-control id=input-@modal-content-border-color aria-describedby=help-block-@modal-content-border-color value=rgba(0,0,0,.2) data-var=@modal-content-border-color> <p class=help-block id=help-block-@modal-content-border-color>Modal content border color</p> </div> <div class=col-xs-4> <label for=input-@modal-content-fallback-border-color>@modal-content-fallback-border-color</label> <input class=form-control id=input-@modal-content-fallback-border-color aria-describedby=help-block-@modal-content-fallback-border-color value=#999 data-var=@modal-content-fallback-border-color> <p class=help-block id=help-block-@modal-content-fallback-border-color>Modal content border color <strong>for IE8</strong></p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@modal-backdrop-bg>@modal-backdrop-bg</label> <input class=form-control id=input-@modal-backdrop-bg aria-describedby=help-block-@modal-backdrop-bg value=#000 data-var=@modal-backdrop-bg> <p class=help-block id=help-block-@modal-backdrop-bg>Modal backdrop background color</p> </div> <div class=col-xs-4> <label for=input-@modal-backdrop-opacity>@modal-backdrop-opacity</label> <input class=form-control id=input-@modal-backdrop-opacity aria-describedby=help-block-@modal-backdrop-opacity value=.5 data-var=@modal-backdrop-opacity> <p class=help-block id=help-block-@modal-backdrop-opacity>Modal backdrop opacity</p> </div> <div class=col-xs-4> <label for=input-@modal-header-border-color>@modal-header-border-color</label> <input class=form-control id=input-@modal-header-border-color aria-describedby=help-block-@modal-header-border-color value=#e5e5e5 data-var=@modal-header-border-color> <p class=help-block id=help-block-@modal-header-border-color>Modal header border color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@modal-footer-border-color>@modal-footer-border-color</label> <input class=form-control id=input-@modal-footer-border-color aria-describedby=help-block-@modal-footer-border-color value=@modal-header-border-color data-var=@modal-footer-border-color> <p class=help-block id=help-block-@modal-footer-border-color>Modal footer border color</p> </div> <div class=col-xs-4> <label for=input-@modal-lg>@modal-lg</label> <input class=form-control id=input-@modal-lg value=900px data-var=@modal-lg> </div> <div class=col-xs-4> <label for=input-@modal-md>@modal-md</label> <input class=form-control id=input-@modal-md value=600px data-var=@modal-md> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@modal-sm>@modal-sm</label> <input class=form-control id=input-@modal-sm value=300px data-var=@modal-sm> </div> </div> <h2 id=alerts>Alerts</h2> <p>Define alert colors, border radius, and padding.</p> <div class=row> <div class=col-xs-4> <label for=input-@alert-padding>@alert-padding</label> <input class=form-control id=input-@alert-padding value=15px data-var=@alert-padding> </div> <div class=col-xs-4> <label for=input-@alert-border-radius>@alert-border-radius</label> <input class=form-control id=input-@alert-border-radius value=@border-radius-base data-var=@alert-border-radius> </div> <div class=col-xs-4> <label for=input-@alert-link-font-weight>@alert-link-font-weight</label> <input class=form-control id=input-@alert-link-font-weight value=bold data-var=@alert-link-font-weight> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@alert-success-bg>@alert-success-bg</label> <input class=form-control id=input-@alert-success-bg value=@state-success-bg data-var=@alert-success-bg> </div> <div class=col-xs-4> <label for=input-@alert-success-text>@alert-success-text</label> <input class=form-control id=input-@alert-success-text value=@state-success-text data-var=@alert-success-text> </div> <div class=col-xs-4> <label for=input-@alert-success-border>@alert-success-border</label> <input class=form-control id=input-@alert-success-border value=@state-success-border data-var=@alert-success-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@alert-info-bg>@alert-info-bg</label> <input class=form-control id=input-@alert-info-bg value=@state-info-bg data-var=@alert-info-bg> </div> <div class=col-xs-4> <label for=input-@alert-info-text>@alert-info-text</label> <input class=form-control id=input-@alert-info-text value=@state-info-text data-var=@alert-info-text> </div> <div class=col-xs-4> <label for=input-@alert-info-border>@alert-info-border</label> <input class=form-control id=input-@alert-info-border value=@state-info-border data-var=@alert-info-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@alert-warning-bg>@alert-warning-bg</label> <input class=form-control id=input-@alert-warning-bg value=@state-warning-bg data-var=@alert-warning-bg> </div> <div class=col-xs-4> <label for=input-@alert-warning-text>@alert-warning-text</label> <input class=form-control id=input-@alert-warning-text value=@state-warning-text data-var=@alert-warning-text> </div> <div class=col-xs-4> <label for=input-@alert-warning-border>@alert-warning-border</label> <input class=form-control id=input-@alert-warning-border value=@state-warning-border data-var=@alert-warning-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@alert-danger-bg>@alert-danger-bg</label> <input class=form-control id=input-@alert-danger-bg value=@state-danger-bg data-var=@alert-danger-bg> </div> <div class=col-xs-4> <label for=input-@alert-danger-text>@alert-danger-text</label> <input class=form-control id=input-@alert-danger-text value=@state-danger-text data-var=@alert-danger-text> </div> <div class=col-xs-4> <label for=input-@alert-danger-border>@alert-danger-border</label> <input class=form-control id=input-@alert-danger-border value=@state-danger-border data-var=@alert-danger-border> </div> </div> <h2 id=progress-bars>Progress bars</h2> <div class=row> <div class=col-xs-4> <label for=input-@progress-bg>@progress-bg</label> <input class=form-control id=input-@progress-bg aria-describedby=help-block-@progress-bg value=#f5f5f5 data-var=@progress-bg> <p class=help-block id=help-block-@progress-bg>Background color of the whole progress component</p> </div> <div class=col-xs-4> <label for=input-@progress-bar-color>@progress-bar-color</label> <input class=form-control id=input-@progress-bar-color aria-describedby=help-block-@progress-bar-color value=#fff data-var=@progress-bar-color> <p class=help-block id=help-block-@progress-bar-color>Progress bar text color</p> </div> <div class=col-xs-4> <label for=input-@progress-border-radius>@progress-border-radius</label> <input class=form-control id=input-@progress-border-radius aria-describedby=help-block-@progress-border-radius value=@border-radius-base data-var=@progress-border-radius> <p class=help-block id=help-block-@progress-border-radius>Variable for setting rounded corners on progress bar.</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@progress-bar-bg>@progress-bar-bg</label> <input class=form-control id=input-@progress-bar-bg aria-describedby=help-block-@progress-bar-bg value=@brand-primary data-var=@progress-bar-bg> <p class=help-block id=help-block-@progress-bar-bg>Default progress bar color</p> </div> <div class=col-xs-4> <label for=input-@progress-bar-success-bg>@progress-bar-success-bg</label> <input class=form-control id=input-@progress-bar-success-bg aria-describedby=help-block-@progress-bar-success-bg value=@brand-success data-var=@progress-bar-success-bg> <p class=help-block id=help-block-@progress-bar-success-bg>Success progress bar color</p> </div> <div class=col-xs-4> <label for=input-@progress-bar-warning-bg>@progress-bar-warning-bg</label> <input class=form-control id=input-@progress-bar-warning-bg aria-describedby=help-block-@progress-bar-warning-bg value=@brand-warning data-var=@progress-bar-warning-bg> <p class=help-block id=help-block-@progress-bar-warning-bg>Warning progress bar color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@progress-bar-danger-bg>@progress-bar-danger-bg</label> <input class=form-control id=input-@progress-bar-danger-bg aria-describedby=help-block-@progress-bar-danger-bg value=@brand-danger data-var=@progress-bar-danger-bg> <p class=help-block id=help-block-@progress-bar-danger-bg>Danger progress bar color</p> </div> <div class=col-xs-4> <label for=input-@progress-bar-info-bg>@progress-bar-info-bg</label> <input class=form-control id=input-@progress-bar-info-bg aria-describedby=help-block-@progress-bar-info-bg value=@brand-info data-var=@progress-bar-info-bg> <p class=help-block id=help-block-@progress-bar-info-bg>Info progress bar color</p> </div> </div> <h2 id=list-group>List group</h2> <div class=row> <div class=col-xs-4> <label for=input-@list-group-bg>@list-group-bg</label> <input class=form-control id=input-@list-group-bg aria-describedby=help-block-@list-group-bg value=#fff data-var=@list-group-bg> <p class=help-block id=help-block-@list-group-bg>Background color on <code>.list-group-item</code></p> </div> <div class=col-xs-4> <label for=input-@list-group-border>@list-group-border</label> <input class=form-control id=input-@list-group-border aria-describedby=help-block-@list-group-border value=#ddd data-var=@list-group-border> <p class=help-block id=help-block-@list-group-border><code>.list-group-item</code> border color</p> </div> <div class=col-xs-4> <label for=input-@list-group-border-radius>@list-group-border-radius</label> <input class=form-control id=input-@list-group-border-radius aria-describedby=help-block-@list-group-border-radius value=@border-radius-base data-var=@list-group-border-radius> <p class=help-block id=help-block-@list-group-border-radius>List group border radius</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@list-group-hover-bg>@list-group-hover-bg</label> <input class=form-control id=input-@list-group-hover-bg aria-describedby=help-block-@list-group-hover-bg value=#f5f5f5 data-var=@list-group-hover-bg> <p class=help-block id=help-block-@list-group-hover-bg>Background color of single list items on hover</p> </div> <div class=col-xs-4> <label for=input-@list-group-active-color>@list-group-active-color</label> <input class=form-control id=input-@list-group-active-color aria-describedby=help-block-@list-group-active-color value=@component-active-color data-var=@list-group-active-color> <p class=help-block id=help-block-@list-group-active-color>Text color of active list items</p> </div> <div class=col-xs-4> <label for=input-@list-group-active-bg>@list-group-active-bg</label> <input class=form-control id=input-@list-group-active-bg aria-describedby=help-block-@list-group-active-bg value=@component-active-bg data-var=@list-group-active-bg> <p class=help-block id=help-block-@list-group-active-bg>Background color of active list items</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@list-group-active-border>@list-group-active-border</label> <input class=form-control id=input-@list-group-active-border aria-describedby=help-block-@list-group-active-border value=@list-group-active-bg data-var=@list-group-active-border> <p class=help-block id=help-block-@list-group-active-border>Border color of active list elements</p> </div> <div class=col-xs-4> <label for=input-@list-group-active-text-color>@list-group-active-text-color</label> <input class=form-control id=input-@list-group-active-text-color aria-describedby=help-block-@list-group-active-text-color value="lighten(@list-group-active-bg, 40%)" data-var=@list-group-active-text-color> <p class=help-block id=help-block-@list-group-active-text-color>Text color for content within active list items</p> </div> <div class=col-xs-4> <label for=input-@list-group-disabled-color>@list-group-disabled-color</label> <input class=form-control id=input-@list-group-disabled-color aria-describedby=help-block-@list-group-disabled-color value=@gray-light data-var=@list-group-disabled-color> <p class=help-block id=help-block-@list-group-disabled-color>Text color of disabled list items</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@list-group-disabled-bg>@list-group-disabled-bg</label> <input class=form-control id=input-@list-group-disabled-bg aria-describedby=help-block-@list-group-disabled-bg value=@gray-lighter data-var=@list-group-disabled-bg> <p class=help-block id=help-block-@list-group-disabled-bg>Background color of disabled list items</p> </div> <div class=col-xs-4> <label for=input-@list-group-disabled-text-color>@list-group-disabled-text-color</label> <input class=form-control id=input-@list-group-disabled-text-color aria-describedby=help-block-@list-group-disabled-text-color value=@list-group-disabled-color data-var=@list-group-disabled-text-color> <p class=help-block id=help-block-@list-group-disabled-text-color>Text color for content within disabled list items</p> </div> <div class=col-xs-4> <label for=input-@list-group-link-color>@list-group-link-color</label> <input class=form-control id=input-@list-group-link-color value=#555 data-var=@list-group-link-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@list-group-link-hover-color>@list-group-link-hover-color</label> <input class=form-control id=input-@list-group-link-hover-color value=@list-group-link-color data-var=@list-group-link-hover-color> </div> <div class=col-xs-4> <label for=input-@list-group-link-heading-color>@list-group-link-heading-color</label> <input class=form-control id=input-@list-group-link-heading-color value=#333 data-var=@list-group-link-heading-color> </div> </div> <h2 id=panels>Panels</h2> <div class=row> <div class=col-xs-4> <label for=input-@panel-bg>@panel-bg</label> <input class=form-control id=input-@panel-bg value=#fff data-var=@panel-bg> </div> <div class=col-xs-4> <label for=input-@panel-body-padding>@panel-body-padding</label> <input class=form-control id=input-@panel-body-padding value=15px data-var=@panel-body-padding> </div> <div class=col-xs-4> <label for=input-@panel-heading-padding>@panel-heading-padding</label> <input class=form-control id=input-@panel-heading-padding value="10px 15px" data-var=@panel-heading-padding> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-footer-padding>@panel-footer-padding</label> <input class=form-control id=input-@panel-footer-padding value=@panel-heading-padding data-var=@panel-footer-padding> </div> <div class=col-xs-4> <label for=input-@panel-border-radius>@panel-border-radius</label> <input class=form-control id=input-@panel-border-radius value=@border-radius-base data-var=@panel-border-radius> </div> <div class=col-xs-4> <label for=input-@panel-inner-border>@panel-inner-border</label> <input class=form-control id=input-@panel-inner-border aria-describedby=help-block-@panel-inner-border value=#ddd data-var=@panel-inner-border> <p class=help-block id=help-block-@panel-inner-border>Border color for elements within panels</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-footer-bg>@panel-footer-bg</label> <input class=form-control id=input-@panel-footer-bg value=#f5f5f5 data-var=@panel-footer-bg> </div> <div class=col-xs-4> <label for=input-@panel-default-text>@panel-default-text</label> <input class=form-control id=input-@panel-default-text value=@gray-dark data-var=@panel-default-text> </div> <div class=col-xs-4> <label for=input-@panel-default-border>@panel-default-border</label> <input class=form-control id=input-@panel-default-border value=#ddd data-var=@panel-default-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-default-heading-bg>@panel-default-heading-bg</label> <input class=form-control id=input-@panel-default-heading-bg value=#f5f5f5 data-var=@panel-default-heading-bg> </div> <div class=col-xs-4> <label for=input-@panel-primary-text>@panel-primary-text</label> <input class=form-control id=input-@panel-primary-text value=#fff data-var=@panel-primary-text> </div> <div class=col-xs-4> <label for=input-@panel-primary-border>@panel-primary-border</label> <input class=form-control id=input-@panel-primary-border value=@brand-primary data-var=@panel-primary-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-primary-heading-bg>@panel-primary-heading-bg</label> <input class=form-control id=input-@panel-primary-heading-bg value=@brand-primary data-var=@panel-primary-heading-bg> </div> <div class=col-xs-4> <label for=input-@panel-success-text>@panel-success-text</label> <input class=form-control id=input-@panel-success-text value=@state-success-text data-var=@panel-success-text> </div> <div class=col-xs-4> <label for=input-@panel-success-border>@panel-success-border</label> <input class=form-control id=input-@panel-success-border value=@state-success-border data-var=@panel-success-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-success-heading-bg>@panel-success-heading-bg</label> <input class=form-control id=input-@panel-success-heading-bg value=@state-success-bg data-var=@panel-success-heading-bg> </div> <div class=col-xs-4> <label for=input-@panel-info-text>@panel-info-text</label> <input class=form-control id=input-@panel-info-text value=@state-info-text data-var=@panel-info-text> </div> <div class=col-xs-4> <label for=input-@panel-info-border>@panel-info-border</label> <input class=form-control id=input-@panel-info-border value=@state-info-border data-var=@panel-info-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-info-heading-bg>@panel-info-heading-bg</label> <input class=form-control id=input-@panel-info-heading-bg value=@state-info-bg data-var=@panel-info-heading-bg> </div> <div class=col-xs-4> <label for=input-@panel-warning-text>@panel-warning-text</label> <input class=form-control id=input-@panel-warning-text value=@state-warning-text data-var=@panel-warning-text> </div> <div class=col-xs-4> <label for=input-@panel-warning-border>@panel-warning-border</label> <input class=form-control id=input-@panel-warning-border value=@state-warning-border data-var=@panel-warning-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-warning-heading-bg>@panel-warning-heading-bg</label> <input class=form-control id=input-@panel-warning-heading-bg value=@state-warning-bg data-var=@panel-warning-heading-bg> </div> <div class=col-xs-4> <label for=input-@panel-danger-text>@panel-danger-text</label> <input class=form-control id=input-@panel-danger-text value=@state-danger-text data-var=@panel-danger-text> </div> <div class=col-xs-4> <label for=input-@panel-danger-border>@panel-danger-border</label> <input class=form-control id=input-@panel-danger-border value=@state-danger-border data-var=@panel-danger-border> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@panel-danger-heading-bg>@panel-danger-heading-bg</label> <input class=form-control id=input-@panel-danger-heading-bg value=@state-danger-bg data-var=@panel-danger-heading-bg> </div> </div> <h2 id=thumbnails>Thumbnails</h2> <div class=row> <div class=col-xs-4> <label for=input-@thumbnail-padding>@thumbnail-padding</label> <input class=form-control id=input-@thumbnail-padding aria-describedby=help-block-@thumbnail-padding value=4px data-var=@thumbnail-padding> <p class=help-block id=help-block-@thumbnail-padding>Padding around the thumbnail image</p> </div> <div class=col-xs-4> <label for=input-@thumbnail-bg>@thumbnail-bg</label> <input class=form-control id=input-@thumbnail-bg aria-describedby=help-block-@thumbnail-bg value=@body-bg data-var=@thumbnail-bg> <p class=help-block id=help-block-@thumbnail-bg>Thumbnail background color</p> </div> <div class=col-xs-4> <label for=input-@thumbnail-border>@thumbnail-border</label> <input class=form-control id=input-@thumbnail-border aria-describedby=help-block-@thumbnail-border value=#ddd data-var=@thumbnail-border> <p class=help-block id=help-block-@thumbnail-border>Thumbnail border color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@thumbnail-border-radius>@thumbnail-border-radius</label> <input class=form-control id=input-@thumbnail-border-radius aria-describedby=help-block-@thumbnail-border-radius value=@border-radius-base data-var=@thumbnail-border-radius> <p class=help-block id=help-block-@thumbnail-border-radius>Thumbnail border radius</p> </div> <div class=col-xs-4> <label for=input-@thumbnail-caption-color>@thumbnail-caption-color</label> <input class=form-control id=input-@thumbnail-caption-color aria-describedby=help-block-@thumbnail-caption-color value=@text-color data-var=@thumbnail-caption-color> <p class=help-block id=help-block-@thumbnail-caption-color>Custom text color for thumbnail captions</p> </div> <div class=col-xs-4> <label for=input-@thumbnail-caption-padding>@thumbnail-caption-padding</label> <input class=form-control id=input-@thumbnail-caption-padding aria-describedby=help-block-@thumbnail-caption-padding value=9px data-var=@thumbnail-caption-padding> <p class=help-block id=help-block-@thumbnail-caption-padding>Padding around the thumbnail caption</p> </div> </div> <h2 id=wells>Wells</h2> <div class=row> <div class=col-xs-4> <label for=input-@well-bg>@well-bg</label> <input class=form-control id=input-@well-bg value=#f5f5f5 data-var=@well-bg> </div> <div class=col-xs-4> <label for=input-@well-border>@well-border</label> <input class=form-control id=input-@well-border value="darken(@well-bg, 7%)" data-var=@well-border> </div> </div> <h2 id=badges>Badges</h2> <div class=row> <div class=col-xs-4> <label for=input-@badge-color>@badge-color</label> <input class=form-control id=input-@badge-color value=#fff data-var=@badge-color> </div> <div class=col-xs-4> <label for=input-@badge-link-hover-color>@badge-link-hover-color</label> <input class=form-control id=input-@badge-link-hover-color aria-describedby=help-block-@badge-link-hover-color value=#fff data-var=@badge-link-hover-color> <p class=help-block id=help-block-@badge-link-hover-color>Linked badge text color on hover</p> </div> <div class=col-xs-4> <label for=input-@badge-bg>@badge-bg</label> <input class=form-control id=input-@badge-bg value=@gray-light data-var=@badge-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@badge-active-color>@badge-active-color</label> <input class=form-control id=input-@badge-active-color aria-describedby=help-block-@badge-active-color value=@link-color data-var=@badge-active-color> <p class=help-block id=help-block-@badge-active-color>Badge text color in active nav link</p> </div> <div class=col-xs-4> <label for=input-@badge-active-bg>@badge-active-bg</label> <input class=form-control id=input-@badge-active-bg aria-describedby=help-block-@badge-active-bg value=#fff data-var=@badge-active-bg> <p class=help-block id=help-block-@badge-active-bg>Badge background color in active nav link</p> </div> <div class=col-xs-4> <label for=input-@badge-font-weight>@badge-font-weight</label> <input class=form-control id=input-@badge-font-weight value=bold data-var=@badge-font-weight> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@badge-line-height>@badge-line-height</label> <input class=form-control id=input-@badge-line-height value=1 data-var=@badge-line-height> </div> <div class=col-xs-4> <label for=input-@badge-border-radius>@badge-border-radius</label> <input class=form-control id=input-@badge-border-radius value=10px data-var=@badge-border-radius> </div> </div> <h2 id=breadcrumbs>Breadcrumbs</h2> <div class=row> <div class=col-xs-4> <label for=input-@breadcrumb-padding-vertical>@breadcrumb-padding-vertical</label> <input class=form-control id=input-@breadcrumb-padding-vertical value=8px data-var=@breadcrumb-padding-vertical> </div> <div class=col-xs-4> <label for=input-@breadcrumb-padding-horizontal>@breadcrumb-padding-horizontal</label> <input class=form-control id=input-@breadcrumb-padding-horizontal value=15px data-var=@breadcrumb-padding-horizontal> </div> <div class=col-xs-4> <label for=input-@breadcrumb-bg>@breadcrumb-bg</label> <input class=form-control id=input-@breadcrumb-bg aria-describedby=help-block-@breadcrumb-bg value=#f5f5f5 data-var=@breadcrumb-bg> <p class=help-block id=help-block-@breadcrumb-bg>Breadcrumb background color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@breadcrumb-color>@breadcrumb-color</label> <input class=form-control id=input-@breadcrumb-color aria-describedby=help-block-@breadcrumb-color value=#ccc data-var=@breadcrumb-color> <p class=help-block id=help-block-@breadcrumb-color>Breadcrumb text color</p> </div> <div class=col-xs-4> <label for=input-@breadcrumb-active-color>@breadcrumb-active-color</label> <input class=form-control id=input-@breadcrumb-active-color aria-describedby=help-block-@breadcrumb-active-color value=@gray-light data-var=@breadcrumb-active-color> <p class=help-block id=help-block-@breadcrumb-active-color>Text color of current page in the breadcrumb</p> </div> <div class=col-xs-4> <label for=input-@breadcrumb-separator>@breadcrumb-separator</label> <input class=form-control id=input-@breadcrumb-separator aria-describedby=help-block-@breadcrumb-separator value=&quot;/&quot; data-var=@breadcrumb-separator> <p class=help-block id=help-block-@breadcrumb-separator>Textual separator for between breadcrumb elements</p> </div> </div> <h2 id=carousel>Carousel</h2> <div class=row> <div class=col-xs-4> <label for=input-@carousel-text-shadow>@carousel-text-shadow</label> <input class=form-control id=input-@carousel-text-shadow value="0 1px 2px rgba(0,0,0,.6)" data-var=@carousel-text-shadow> </div> <div class=col-xs-4> <label for=input-@carousel-control-color>@carousel-control-color</label> <input class=form-control id=input-@carousel-control-color value=#fff data-var=@carousel-control-color> </div> <div class=col-xs-4> <label for=input-@carousel-control-width>@carousel-control-width</label> <input class=form-control id=input-@carousel-control-width value=15% data-var=@carousel-control-width> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@carousel-control-opacity>@carousel-control-opacity</label> <input class=form-control id=input-@carousel-control-opacity value=.5 data-var=@carousel-control-opacity> </div> <div class=col-xs-4> <label for=input-@carousel-control-font-size>@carousel-control-font-size</label> <input class=form-control id=input-@carousel-control-font-size value=20px data-var=@carousel-control-font-size> </div> <div class=col-xs-4> <label for=input-@carousel-indicator-active-bg>@carousel-indicator-active-bg</label> <input class=form-control id=input-@carousel-indicator-active-bg value=#fff data-var=@carousel-indicator-active-bg> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@carousel-indicator-border-color>@carousel-indicator-border-color</label> <input class=form-control id=input-@carousel-indicator-border-color value=#fff data-var=@carousel-indicator-border-color> </div> <div class=col-xs-4> <label for=input-@carousel-caption-color>@carousel-caption-color</label> <input class=form-control id=input-@carousel-caption-color value=#fff data-var=@carousel-caption-color> </div> </div> <h2 id=close>Close</h2> <div class=row> <div class=col-xs-4> <label for=input-@close-font-weight>@close-font-weight</label> <input class=form-control id=input-@close-font-weight value=bold data-var=@close-font-weight> </div> <div class=col-xs-4> <label for=input-@close-color>@close-color</label> <input class=form-control id=input-@close-color value=#000 data-var=@close-color> </div> <div class=col-xs-4> <label for=input-@close-text-shadow>@close-text-shadow</label> <input class=form-control id=input-@close-text-shadow value="0 1px 0 #fff" data-var=@close-text-shadow> </div> </div> <h2 id=code>Code</h2> <div class=row> <div class=col-xs-4> <label for=input-@code-color>@code-color</label> <input class=form-control id=input-@code-color value=#c7254e data-var=@code-color> </div> <div class=col-xs-4> <label for=input-@code-bg>@code-bg</label> <input class=form-control id=input-@code-bg value=#f9f2f4 data-var=@code-bg> </div> <div class=col-xs-4> <label for=input-@kbd-color>@kbd-color</label> <input class=form-control id=input-@kbd-color value=#fff data-var=@kbd-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@kbd-bg>@kbd-bg</label> <input class=form-control id=input-@kbd-bg value=#333 data-var=@kbd-bg> </div> <div class=col-xs-4> <label for=input-@pre-bg>@pre-bg</label> <input class=form-control id=input-@pre-bg value=#f5f5f5 data-var=@pre-bg> </div> <div class=col-xs-4> <label for=input-@pre-color>@pre-color</label> <input class=form-control id=input-@pre-color value=@gray-dark data-var=@pre-color> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@pre-border-color>@pre-border-color</label> <input class=form-control id=input-@pre-border-color value=#ccc data-var=@pre-border-color> </div> <div class=col-xs-4> <label for=input-@pre-scrollable-max-height>@pre-scrollable-max-height</label> <input class=form-control id=input-@pre-scrollable-max-height value=340px data-var=@pre-scrollable-max-height> </div> </div> <h2 id=type>Type</h2> <div class=row> <div class=col-xs-4> <label for=input-@component-offset-horizontal>@component-offset-horizontal</label> <input class=form-control id=input-@component-offset-horizontal aria-describedby=help-block-@component-offset-horizontal value=180px data-var=@component-offset-horizontal> <p class=help-block id=help-block-@component-offset-horizontal>Horizontal offset for forms and lists.</p> </div> <div class=col-xs-4> <label for=input-@text-muted>@text-muted</label> <input class=form-control id=input-@text-muted aria-describedby=help-block-@text-muted value=@gray-light data-var=@text-muted> <p class=help-block id=help-block-@text-muted>Text muted color</p> </div> <div class=col-xs-4> <label for=input-@abbr-border-color>@abbr-border-color</label> <input class=form-control id=input-@abbr-border-color aria-describedby=help-block-@abbr-border-color value=@gray-light data-var=@abbr-border-color> <p class=help-block id=help-block-@abbr-border-color>Abbreviations and acronyms border color</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@headings-small-color>@headings-small-color</label> <input class=form-control id=input-@headings-small-color aria-describedby=help-block-@headings-small-color value=@gray-light data-var=@headings-small-color> <p class=help-block id=help-block-@headings-small-color>Headings small color</p> </div> <div class=col-xs-4> <label for=input-@blockquote-small-color>@blockquote-small-color</label> <input class=form-control id=input-@blockquote-small-color aria-describedby=help-block-@blockquote-small-color value=@gray-light data-var=@blockquote-small-color> <p class=help-block id=help-block-@blockquote-small-color>Blockquote small color</p> </div> <div class=col-xs-4> <label for=input-@blockquote-font-size>@blockquote-font-size</label> <input class=form-control id=input-@blockquote-font-size aria-describedby=help-block-@blockquote-font-size value="(@font-size-base * 1.25)" data-var=@blockquote-font-size> <p class=help-block id=help-block-@blockquote-font-size>Blockquote font size</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@blockquote-border-color>@blockquote-border-color</label> <input class=form-control id=input-@blockquote-border-color aria-describedby=help-block-@blockquote-border-color value=@gray-lighter data-var=@blockquote-border-color> <p class=help-block id=help-block-@blockquote-border-color>Blockquote border color</p> </div> <div class=col-xs-4> <label for=input-@page-header-border-color>@page-header-border-color</label> <input class=form-control id=input-@page-header-border-color aria-describedby=help-block-@page-header-border-color value=@gray-lighter data-var=@page-header-border-color> <p class=help-block id=help-block-@page-header-border-color>Page header border color</p> </div> <div class=col-xs-4> <label for=input-@dl-horizontal-offset>@dl-horizontal-offset</label> <input class=form-control id=input-@dl-horizontal-offset aria-describedby=help-block-@dl-horizontal-offset value=@component-offset-horizontal data-var=@dl-horizontal-offset> <p class=help-block id=help-block-@dl-horizontal-offset>Width of horizontal description list titles</p> </div> <div class=clearfix></div> <div class=col-xs-4> <label for=input-@dl-horizontal-breakpoint>@dl-horizontal-breakpoint</label> <input class=form-control id=input-@dl-horizontal-breakpoint aria-describedby=help-block-@dl-horizontal-breakpoint value=@grid-float-breakpoint data-var=@dl-horizontal-breakpoint> <p class=help-block id=help-block-@dl-horizontal-breakpoint>Point at which .dl-horizontal becomes horizontal</p> </div> <div class=col-xs-4> <label for=input-@hr-border>@hr-border</label> <input class=form-control id=input-@hr-border aria-describedby=help-block-@hr-border value=@gray-lighter data-var=@hr-border> <p class=help-block id=help-block-@hr-border>Horizontal line color.</p> </div> </div> </div> <div class=bs-docs-section> <h1 class=page-header id=download>Download</h1> <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> <div class=bs-customize-download> <button type=submit id=btn-compile disabled class="btn btn-block btn-lg btn-outline" onclick='ga("send","event","Customize","Download","Customize and Download")'>Compile and Download</button> </div> </div> </form> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li><a href=#import-drop-target>Import</a></li> <li><a href=#less>Less components</a></li> <li><a href=#plugins>jQuery plugins</a></li> <li><a href=#less-variables>Less variables</a> <ul class=nav> <li><a href=#colors>Colors</a></li> <li><a href=#scaffolding>Scaffolding</a></li> <li><a href=#typography>Typography</a></li> <li><a href=#iconography>Iconography</a></li> <li><a href=#components>Components</a></li> <li><a href=#tables>Tables</a></li> <li><a href=#buttons>Buttons</a></li> <li><a href=#forms>Forms</a></li> <li><a href=#dropdowns>Dropdowns</a></li> <li><a href=#media-queries-breakpoints>Media queries breakpoints</a></li> <li><a href=#grid-system>Grid system</a></li> <li><a href=#container-sizes>Container sizes</a></li> <li><a href=#navbar>Navbar</a></li> <li><a href=#navs>Navs</a></li> <li><a href=#tabs>Tabs</a></li> <li><a href=#pills>Pills</a></li> <li><a href=#pagination>Pagination</a></li> <li><a href=#pager>Pager</a></li> <li><a href=#jumbotron>Jumbotron</a></li> <li><a href=#form-states-and-alerts>Form states and alerts</a></li> <li><a href=#tooltips>Tooltips</a></li> <li><a href=#popovers>Popovers</a></li> <li><a href=#labels>Labels</a></li> <li><a href=#modals>Modals</a></li> <li><a href=#alerts>Alerts</a></li> <li><a href=#progress-bars>Progress bars</a></li> <li><a href=#list-group>List group</a></li> <li><a href=#panels>Panels</a></li> <li><a href=#thumbnails>Thumbnails</a></li> <li><a href=#wells>Wells</a></li> <li><a href=#badges>Badges</a></li> <li><a href=#breadcrumbs>Breadcrumbs</a></li> <li><a href=#carousel>Carousel</a></li> <li><a href=#close>Close</a></li> <li><a href=#code>Code</a></li> <li><a href=#type>Type</a></li> </ul> </li> <li><a href=#download>Download</a></li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo target=_blank>@mdo</a> and <a href=https://twitter.com/fat target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank rel=license>MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel=license>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script>var __configBridge={autoprefixerBrowsers:["Android 2.3","Android >= 4","Chrome >= 20","Firefox >= 24","Explorer >= 8","iOS >= 6","Opera >= 12","Safari >= 6"],jqueryCheck:["if (typeof jQuery === 'undefined') {","  throw new Error('Bootstrap\\'s JavaScript requires jQuery')","}\n"],jqueryVersionCheck:["+function ($) {","  'use strict';","  var version = $.fn.jquery.split(' ')[0].split('.')","  if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 3)) {","    throw new Error('Bootstrap\\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4')","  }","}(jQuery);\n\n"]}</script> <script src=../assets/js/customize.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> <script>var _gauges=_gauges||[];!function(){var e=document.createElement("script");e.async=!0,e.id="gauges-tracker",e.setAttribute("data-site-id","4f0dc9fef5a1f55508000013"),e.src="//secure.gaug.es/track.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script> 
+\ No newline at end of file
diff --git a/docs/3.3/getting-started/index.html b/docs/3.3/getting-started/index.html

index 4c3fb8aed2dfc34e71df4157f00366caf46fa9b1..8b115aa16429120c65bbafae46cbe700bcce96b9 100644 (file)
--- a/docs/3.3/getting-started/index.html
+++ b/docs/3.3/getting-started/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Getting started &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li class=active> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=http://themes.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Getting started</h1> <p>An overview of Bootstrap, how to download and use, basic templates and examples, and more.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=download>Download</h1> <p class=lead>Bootstrap (currently v3.3.7) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.</p> <div class="row bs-downloads"> <div class=col-sm-4> <h3 id=download-bootstrap>Bootstrap</h3> <p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p> <p> <a href=https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download compiled")'>Download Bootstrap</a> </p> </div> <div class=col-sm-4> <h3 id=download-source>Source code</h3> <p>Source Less, JavaScript, and font files, along with our docs. <strong>Requires a Less compiler and <a href=#grunt>some setup.</a></strong></p> <p> <a href=https://github.com/twbs/bootstrap/archive/v3.3.7.zip class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download source")'>Download source</a> </p> </div> <div class=col-sm-4> <h3 id=download-sass>Sass</h3> <p><a href=https://github.com/twbs/bootstrap-sass>Bootstrap ported from Less to Sass</a> for easy inclusion in Rails, Compass, or Sass-only projects.</p> <p> <a href=https://github.com/twbs/bootstrap-sass/archive/v3.3.7.tar.gz class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download Sass")'>Download Sass</a> </p> </div> </div> <h2 id=download-cdn>Bootstrap CDN</h2> <p>The folks over at <a href=https://www.maxcdn.com/ >MaxCDN</a> graciously provide CDN support for Bootstrap's CSS and JavaScript. Just use these <a href=https://www.bootstrapcdn.com/ >Bootstrap CDN</a> links.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=c>&lt;!-- Latest compiled and minified CSS --&gt;</span>
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Getting started &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li class=active> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Getting started</h1> <p>An overview of Bootstrap, how to download and use, basic templates and examples, and more.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=download>Download</h1> <p class=lead>Bootstrap (currently v3.3.7) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.</p> <div class="row bs-downloads"> <div class=col-sm-4> <h3 id=download-bootstrap>Bootstrap</h3> <p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p> <p> <a href=https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download compiled")'>Download Bootstrap</a> </p> </div> <div class=col-sm-4> <h3 id=download-source>Source code</h3> <p>Source Less, JavaScript, and font files, along with our docs. <strong>Requires a Less compiler and <a href=#grunt>some setup.</a></strong></p> <p> <a href=https://github.com/twbs/bootstrap/archive/v3.3.7.zip class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download source")'>Download source</a> </p> </div> <div class=col-sm-4> <h3 id=download-sass>Sass</h3> <p><a href=https://github.com/twbs/bootstrap-sass>Bootstrap ported from Less to Sass</a> for easy inclusion in Rails, Compass, or Sass-only projects.</p> <p> <a href=https://github.com/twbs/bootstrap-sass/archive/v3.3.7.tar.gz class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download Sass")'>Download Sass</a> </p> </div> </div> <h2 id=download-cdn>Bootstrap CDN</h2> <p>The folks over at <a href=https://www.maxcdn.com/ >MaxCDN</a> graciously provide CDN support for Bootstrap's CSS and JavaScript. Just use these <a href=https://www.bootstrapcdn.com/ >Bootstrap CDN</a> links.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=c>&lt;!-- Latest compiled and minified CSS --&gt;</span>
  <span class=nt>&lt;link</span> <span class=na>rel=</span><span class=s>"stylesheet"</span> <span class=na>href=</span><span class=s>"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"</span> <span class=na>integrity=</span><span class=s>"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"</span> <span class=na>crossorigin=</span><span class=s>"anonymous"</span><span class=nt>&gt;</span>
  
  <span class=c>&lt;!-- Optional theme --&gt;</span>
@@ -59,7 +59,7 @@
      <span class=c>&lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;</span>
      <span class=nt>&lt;script </span><span class=na>src=</span><span class=s>"js/bootstrap.min.js"</span><span class=nt>&gt;&lt;/script&gt;</span>
    <span class=nt>&lt;/body&gt;</span>
-<span class=nt>&lt;/html&gt;</span></code></pre></figure> </div> <div class=bs-docs-section> <h1 class=page-header id=examples>Examples</h1> <p class=lead>Build on the basic template above with Bootstrap's many components. We encourage you to customize and adapt Bootstrap to suit your individual project's needs.</p> <p>Get the source code for every example below by <a href=https://github.com/twbs/bootstrap/archive/v3.3.7.zip>downloading the Bootstrap repository</a>. Examples can be found in the <code>docs/examples/</code> directory.</p> <h2 id=examples-framework>Using the framework</h2> <div class="row bs-examples"> <div class="col-xs-6 col-md-4"> <a href=../examples/starter-template/ class=thumbnail> <img alt="Starter template example" src=../examples/screenshots/starter-template.jpg> </a> <h3>Starter template</h3> <p>Nothing but the basics: compiled CSS and JavaScript along with a container.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/theme/ class=thumbnail> <img alt="Bootstrap theme example" src=../examples/screenshots/theme.jpg> </a> <h3>Bootstrap theme</h3> <p>Load the optional Bootstrap theme for a visually enhanced experience.</p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/grid/ class=thumbnail> <img alt="Multiple grids example" src=../examples/screenshots/grid.jpg> </a> <h3>Grids</h3> <p>Multiple examples of grid layouts with all four tiers, nesting, and more.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/jumbotron/ class=thumbnail> <img alt="Jumbotron example" src=../examples/screenshots/jumbotron.jpg> </a> <h3>Jumbotron</h3> <p>Build around the jumbotron with a navbar and some basic grid columns.</p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/jumbotron-narrow/ class=thumbnail> <img alt="Narrow jumbotron example" src=../examples/screenshots/jumbotron-narrow.jpg> </a> <h3>Narrow jumbotron</h3> <p>Build a more custom page by narrowing the default container and jumbotron.</p> </div> </div> <h2 id=examples-navbars>Navbars in action</h2> <div class="row bs-examples"> <div class="col-xs-6 col-md-4"> <a href=../examples/navbar/ class=thumbnail> <img alt="Navbar example" src=../examples/screenshots/navbar.jpg> </a> <h3>Navbar</h3> <p>Super basic template that includes the navbar along with some additional content.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/navbar-static-top/ class=thumbnail> <img alt="Static top navbar example" src=../examples/screenshots/navbar-static.jpg> </a> <h3>Static top navbar</h3> <p>Super basic template with a static top navbar along with some additional content.</p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/navbar-fixed-top/ class=thumbnail> <img alt="Fixed navbar example" src=../examples/screenshots/navbar-fixed.jpg> </a> <h3>Fixed navbar</h3> <p>Super basic template with a fixed top navbar along with some additional content.</p> </div> </div> <h2 id=examples-custom>Custom components</h2> <div class="row bs-examples"> <div class="col-xs-6 col-md-4"> <a href=../examples/cover/ class=thumbnail> <img alt="A one-page template example" src=../examples/screenshots/cover.jpg> </a> <h3>Cover</h3> <p>A one-page template for building simple and beautiful home pages.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/carousel/ class=thumbnail> <img alt="Carousel example" src=../examples/screenshots/carousel.jpg> </a> <h3>Carousel</h3> <p>Customize the navbar and carousel, then add some new components.</p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/blog/ class=thumbnail> <img alt="Blog layout example" src=../examples/screenshots/blog.jpg> </a> <h3>Blog</h3> <p>Simple two-column blog layout with custom navigation, header, and type.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/dashboard/ class=thumbnail> <img alt="Dashboard example" src=../examples/screenshots/dashboard.jpg> </a> <h3>Dashboard</h3> <p>Basic structure for an admin dashboard with fixed sidebar and navbar.</p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/signin/ class=thumbnail> <img alt="Sign-in page example" src=../examples/screenshots/sign-in.jpg> </a> <h3>Sign-in page</h3> <p>Custom form layout and design for a simple sign in form.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/justified-nav/ class=thumbnail> <img alt="Justified nav example" src=../examples/screenshots/justified-nav.jpg> </a> <h3>Justified nav</h3> <p>Create a custom navbar with justified links. Heads up! <a href=../components/#nav-justified>Not too Safari friendly.</a></p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/sticky-footer/ class=thumbnail> <img alt="Sticky footer example" src=../examples/screenshots/sticky-footer.jpg> </a> <h3>Sticky footer</h3> <p>Attach a footer to the bottom of the viewport when the content is shorter than it.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/sticky-footer-navbar/ class=thumbnail> <img alt="Sticky footer with navbar example" src=../examples/screenshots/sticky-footer-navbar.jpg> </a> <h3>Sticky footer with navbar</h3> <p>Attach a footer to the bottom of the viewport with a fixed navbar at the top.</p> </div> </div> <h2 id=examples-experiments>Experiments</h2> <div class="row bs-examples"> <div class="col-xs-6 col-md-4"> <a href=../examples/non-responsive/ class=thumbnail> <img alt="Non-responsive example" src=../examples/screenshots/non-responsive.jpg> </a> <h3>Non-responsive Bootstrap</h3> <p>Easily disable the responsiveness of Bootstrap <a href=#disable-responsive>per our docs</a>.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/offcanvas/ class=thumbnail> <img alt="Off-canvas navigation example" src=../examples/screenshots/offcanvas.jpg> </a> <h3>Off-canvas</h3> <p>Build a toggleable off-canvas navigation menu for use with Bootstrap.</p> </div> </div> </div> <div class=bs-docs-section> <h1 class=page-header id=tools>Tools</h1> <h2 id=tools-bootlint>Bootlint</h2> <p><strong><a href=https://github.com/twbs/bootlint>Bootlint</a></strong> is the official Bootstrap HTML <a href=http://en.wikipedia.org/wiki/Lint_(software)>linter</a> tool. It automatically checks for several common HTML mistakes in webpages that are using Bootstrap in a fairly "vanilla" way. Vanilla Bootstrap's components/widgets require their parts of the DOM to conform to certain structures. Bootlint checks that instances of Bootstrap components have correctly-structured HTML. Consider adding Bootlint to your Bootstrap web development toolchain so that none of the common mistakes slow down your project's development.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=community>Community</h1> <p class=lead>Stay up to date on the development of Bootstrap and reach out to the community with these helpful resources.</p> <ul> <li>Read and subscribe to <a href=https://blog.getbootstrap.com/ >The Official Bootstrap Blog</a>.</li> <li>Chat with fellow Bootstrappers using IRC in the <code>irc.freenode.net</code> server, in the <a href=irc://irc.freenode.net/%23bootstrap>##bootstrap channel</a>.</li> <li>For help using Bootstrap, ask on <a href=https://stackoverflow.com/questions/tagged/twitter-bootstrap-3>StackOverflow using the tag <code>twitter-bootstrap-3</code></a>.</li> <li>Developers should use the keyword <code>bootstrap</code> on packages which modify or add to the functionality of Bootstrap when distributing through <a href=https://www.npmjs.com/browse/keyword/bootstrap>npm</a> or similar delivery mechanisms for maximum discoverability.</li> <li>Find inspiring examples of people building with Bootstrap at the <a href=https://expo.getbootstrap.com>Bootstrap Expo</a>.</li> </ul> <p>You can also follow <a href=https://twitter.com/getbootstrap>@getbootstrap on Twitter</a> for the latest gossip and awesome music videos.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=disable-responsive>Disabling responsiveness</h1> <p class=lead>Bootstrap automatically adapts your pages for various screen sizes. Here's how to disable this feature so your page works like <a href=../examples/non-responsive/ >this non-responsive example</a>.</p> <h2>Steps to disable page responsiveness</h2> <ol> <li>Omit the viewport <code>&lt;meta&gt;</code> mentioned in <a href=../css/#overview-mobile>the CSS docs</a></li> <li>Override the <code>width</code> on the <code>.container</code> for each grid tier with a single width, for example <code>width: 970px !important;</code> Be sure that this comes after the default Bootstrap CSS. You can optionally avoid the <code>!important</code> with media queries or some selector-fu.</li> <li>If using navbars, remove all navbar collapsing and expanding behavior.</li> <li>For grid layouts, use <code>.col-xs-*</code> classes in addition to, or in place of, the medium/large ones. Don't worry, the extra-small device grid scales to all resolutions.</li> </ol> <p>You'll still need Respond.js for IE8 (since our media queries are still there and need to be processed). This disables the "mobile site" aspects of Bootstrap.</p> <h2>Bootstrap template with responsiveness disabled</h2> <p>We've applied these steps to an example. Read its source code to see the specific changes implemented.</p> <p> <a href=../examples/non-responsive/ class="btn btn-primary">View non-responsive example</a> </p> </div> <div class="bs-callout bs-callout-info" id=migration> <h4>Migrating from v2.x to v3.x</h4> <p>Looking to migrate from an older version of Bootstrap to v3.x? Check out <a href=../migration>our migration guide</a>.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=support>Browser and device support</h1> <p class=lead>Bootstrap is built to work best in the latest desktop and mobile browsers, meaning older browsers might display differently styled, though fully functional, renderings of certain components.</p> <h2 id=support-browsers>Supported browsers</h2> <p>Specifically, we support the <strong>latest versions</strong> of the following browsers and platforms.</p> <p>Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform's web view API, are not explicitly supported. However, Bootstrap should (in most cases) display and function correctly in these browsers as well. More specific support information is provided below.</p> <h3 id=mobile-devices>Mobile devices</h3> <p>Generally speaking, Bootstrap supports the latest versions of each major platform's default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) are not supported.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <td></td> <th>Chrome</th> <th>Firefox</th> <th>Safari</th> </tr> </thead> <tbody> <tr> <th scope=row>Android</th> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-muted>N/A</td> </tr> <tr> <th scope=row>iOS</th> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> </tr> </tbody> </table> </div> <h3 id=desktop-browsers>Desktop browsers</h3> <p>Similarly, the latest versions of most desktop browsers are supported.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <td></td> <th>Chrome</th> <th>Firefox</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari</th> </tr> </thead> <tbody> <tr> <th scope=row>Mac</th> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-muted>N/A</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> </tr> <tr> <th scope=row>Windows</th> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> </tr> </tbody> </table> </div> <p>On Windows, <strong>we support Internet Explorer 8-11</strong>.</p> <p>For Firefox, in addition to the latest normal stable release, we also support the latest <a href=https://www.mozilla.org/en-US/firefox/organizations/faq/ >Extended Support Release (ESR)</a> version of Firefox.</p> <p>Unofficially, Bootstrap should look and behave well enough in Chromium and Chrome for Linux, Firefox for Linux, and Internet Explorer 7, as well as Microsoft Edge, though they are not officially supported.</p> <p>For a list of some of the browser bugs that Bootstrap has to grapple with, see our <a href=../browser-bugs/ >Wall of browser bugs</a>.</p> <h2 id=support-ie8-ie9>Internet Explorer 8 and 9</h2> <p>Internet Explorer 8 and 9 are also supported, however, please be aware that some CSS3 properties and HTML5 elements are not fully supported by these browsers. In addition, <strong>Internet Explorer 8 requires the use of <a href=https://github.com/scottjehl/Respond>Respond.js</a> to enable media query support.</strong></p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th class=col-xs-4>Feature</th> <th class=col-xs-4>Internet Explorer 8</th> <th class=col-xs-4>Internet Explorer 9</th> </tr> </thead> <tbody> <tr> <th scope=row><code>border-radius</code></th> <td class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> </tr> <tr> <th scope=row><code>box-shadow</code></th> <td class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> </tr> <tr> <th scope=row><code>transform</code></th> <td class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported, with <code>-ms</code> prefix</td> </tr> <tr> <th scope=row><code>transition</code></th> <td colspan=2 class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> </tr> <tr> <th scope=row><code>placeholder</code></th> <td colspan=2 class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> </tr> </tbody> </table> </div> <p>Visit <a href=http://caniuse.com/ >Can I use...</a> for details on browser support of CSS3 and HTML5 features.</p> <h2 id=support-ie8-respondjs>Internet Explorer 8 and Respond.js</h2> <p>Beware of the following caveats when using Respond.js in your development and production environments for Internet Explorer 8.</p> <h3 id=respond-js-x-domain>Respond.js and cross-domain CSS</h3> <p>Using Respond.js with CSS hosted on a different (sub)domain (for example, on a CDN) requires some additional setup. <a href=https://github.com/scottjehl/Respond/blob/master/README.md#cdnx-domain-setup>See the Respond.js docs</a> for details.</p> <h3 id=respond-file-proto>Respond.js and <code>file://</code></h3> <p>Due to browser security rules, Respond.js doesn't work with pages viewed via the <code>file://</code> protocol (like when opening a local HTML file). To test responsive features in IE8, view your pages over HTTP(S). <a href=https://github.com/scottjehl/Respond/blob/master/README.md#support--caveats>See the Respond.js docs</a> for details.</p> <h3 id=respond-import>Respond.js and <code>@import</code></h3> <p>Respond.js doesn't work with CSS that's referenced via <code>@import</code>. In particular, some Drupal configurations are known to use <code>@import</code>. <a href=https://github.com/scottjehl/Respond/blob/master/README.md#support--caveats>See the Respond.js docs</a> for details.</p> <h2 id=support-ie8-box-sizing>Internet Explorer 8 and box-sizing</h2> <p>IE8 does not fully support <code>box-sizing: border-box;</code> when combined with <code>min-width</code>, <code>max-width</code>, <code>min-height</code>, or <code>max-height</code>. For that reason, as of v3.0.1, we no longer use <code>max-width</code> on <code>.container</code>s.</p> <h2 id=support-ie8-font-face>Internet Explorer 8 and @font-face</h2> <p>IE8 has some issues with <code>@font-face</code> when combined with <code>:before</code>. Bootstrap uses that combination with its Glyphicons. If a page is cached, and loaded without the mouse over the window (i.e. hit the refresh button or load something in an iframe) then the page gets rendered before the font loads. Hovering over the page (body) will show some of the icons and hovering over the remaining icons will show those as well. <a href=https://github.com/twbs/bootstrap/issues/13863>See issue #13863</a> for details.</p> <h2 id=support-ie-compatibility-modes>IE Compatibility modes</h2> <p>Bootstrap is not supported in the old Internet Explorer compatibility modes. To be sure you're using the latest rendering mode for IE, consider including the appropriate <code>&lt;meta&gt;</code> tag in your pages:</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;meta</span> <span class=na>http-equiv=</span><span class=s>"X-UA-Compatible"</span> <span class=na>content=</span><span class=s>"IE=edge"</span><span class=nt>&gt;</span></code></pre></figure> <p>Confirm the document mode by opening the debugging tools: press <kbd>F12</kbd> and check the "Document Mode".</p> <p>This tag is included in all of Bootstrap's documentation and examples to ensure the best rendering possible in each supported version of Internet Explorer.</p> <p>See <a href=https://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge>this StackOverflow question</a> for more information.</p> <h2 id=support-ie10-width>Internet Explorer 10 in Windows 8 and Windows Phone 8</h2> <p>Internet Explorer 10 doesn't differentiate <strong>device width</strong> from <strong>viewport width</strong>, and thus doesn't properly apply the media queries in Bootstrap's CSS. Normally you'd just add a quick snippet of CSS to fix this:</p> <figure class=highlight><pre><code class=language-scss data-lang=scss><span class=k>@-ms-viewport</span>       <span class=p>{</span> <span class=nl>width</span><span class=p>:</span> <span class=n>device-width</span><span class=p>;</span> <span class=p>}</span></code></pre></figure> <p>However, this doesn't work for devices running Windows Phone 8 versions older than <a href=https://blogs.windows.com/buildingapps/2013/10/14/introducing-windows-phone-preview-for-developers/>Update 3 (a.k.a. GDR3)</a>, as it causes such devices to show a mostly desktop view instead of narrow "phone" view. To address this, you'll need to <strong>include the following CSS and JavaScript to work around the bug</strong>.</p> <figure class=highlight><pre><code class=language-scss data-lang=scss><span class=k>@-ms-viewport</span>       <span class=p>{</span> <span class=nl>width</span><span class=p>:</span> <span class=n>device-width</span><span class=p>;</span> <span class=p>}</span>
+<span class=nt>&lt;/html&gt;</span></code></pre></figure> </div> <div class=bs-docs-section> <h1 class=page-header id=examples>Examples</h1> <p class=lead>Build on the basic template above with Bootstrap's many components. We encourage you to customize and adapt Bootstrap to suit your individual project's needs.</p> <p>Get the source code for every example below by <a href=https://github.com/twbs/bootstrap/archive/v3.3.7.zip>downloading the Bootstrap repository</a>. Examples can be found in the <code>docs/examples/</code> directory.</p> <h2 id=examples-framework>Using the framework</h2> <div class="row bs-examples"> <div class="col-xs-6 col-md-4"> <a href=../examples/starter-template/ class=thumbnail> <img alt="Starter template example" src=../examples/screenshots/starter-template.jpg> </a> <h3>Starter template</h3> <p>Nothing but the basics: compiled CSS and JavaScript along with a container.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/theme/ class=thumbnail> <img alt="Bootstrap theme example" src=../examples/screenshots/theme.jpg> </a> <h3>Bootstrap theme</h3> <p>Load the optional Bootstrap theme for a visually enhanced experience.</p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/grid/ class=thumbnail> <img alt="Multiple grids example" src=../examples/screenshots/grid.jpg> </a> <h3>Grids</h3> <p>Multiple examples of grid layouts with all four tiers, nesting, and more.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/jumbotron/ class=thumbnail> <img alt="Jumbotron example" src=../examples/screenshots/jumbotron.jpg> </a> <h3>Jumbotron</h3> <p>Build around the jumbotron with a navbar and some basic grid columns.</p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/jumbotron-narrow/ class=thumbnail> <img alt="Narrow jumbotron example" src=../examples/screenshots/jumbotron-narrow.jpg> </a> <h3>Narrow jumbotron</h3> <p>Build a more custom page by narrowing the default container and jumbotron.</p> </div> </div> <h2 id=examples-navbars>Navbars in action</h2> <div class="row bs-examples"> <div class="col-xs-6 col-md-4"> <a href=../examples/navbar/ class=thumbnail> <img alt="Navbar example" src=../examples/screenshots/navbar.jpg> </a> <h3>Navbar</h3> <p>Super basic template that includes the navbar along with some additional content.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/navbar-static-top/ class=thumbnail> <img alt="Static top navbar example" src=../examples/screenshots/navbar-static.jpg> </a> <h3>Static top navbar</h3> <p>Super basic template with a static top navbar along with some additional content.</p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/navbar-fixed-top/ class=thumbnail> <img alt="Fixed navbar example" src=../examples/screenshots/navbar-fixed.jpg> </a> <h3>Fixed navbar</h3> <p>Super basic template with a fixed top navbar along with some additional content.</p> </div> </div> <h2 id=examples-custom>Custom components</h2> <div class="row bs-examples"> <div class="col-xs-6 col-md-4"> <a href=../examples/cover/ class=thumbnail> <img alt="A one-page template example" src=../examples/screenshots/cover.jpg> </a> <h3>Cover</h3> <p>A one-page template for building simple and beautiful home pages.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/carousel/ class=thumbnail> <img alt="Carousel example" src=../examples/screenshots/carousel.jpg> </a> <h3>Carousel</h3> <p>Customize the navbar and carousel, then add some new components.</p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/blog/ class=thumbnail> <img alt="Blog layout example" src=../examples/screenshots/blog.jpg> </a> <h3>Blog</h3> <p>Simple two-column blog layout with custom navigation, header, and type.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/dashboard/ class=thumbnail> <img alt="Dashboard example" src=../examples/screenshots/dashboard.jpg> </a> <h3>Dashboard</h3> <p>Basic structure for an admin dashboard with fixed sidebar and navbar.</p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/signin/ class=thumbnail> <img alt="Sign-in page example" src=../examples/screenshots/sign-in.jpg> </a> <h3>Sign-in page</h3> <p>Custom form layout and design for a simple sign in form.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/justified-nav/ class=thumbnail> <img alt="Justified nav example" src=../examples/screenshots/justified-nav.jpg> </a> <h3>Justified nav</h3> <p>Create a custom navbar with justified links. Heads up! <a href=../components/#nav-justified>Not too Safari friendly.</a></p> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-6 col-md-4"> <a href=../examples/sticky-footer/ class=thumbnail> <img alt="Sticky footer example" src=../examples/screenshots/sticky-footer.jpg> </a> <h3>Sticky footer</h3> <p>Attach a footer to the bottom of the viewport when the content is shorter than it.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/sticky-footer-navbar/ class=thumbnail> <img alt="Sticky footer with navbar example" src=../examples/screenshots/sticky-footer-navbar.jpg> </a> <h3>Sticky footer with navbar</h3> <p>Attach a footer to the bottom of the viewport with a fixed navbar at the top.</p> </div> </div> <h2 id=examples-experiments>Experiments</h2> <div class="row bs-examples"> <div class="col-xs-6 col-md-4"> <a href=../examples/non-responsive/ class=thumbnail> <img alt="Non-responsive example" src=../examples/screenshots/non-responsive.jpg> </a> <h3>Non-responsive Bootstrap</h3> <p>Easily disable the responsiveness of Bootstrap <a href=#disable-responsive>per our docs</a>.</p> </div> <div class="col-xs-6 col-md-4"> <a href=../examples/offcanvas/ class=thumbnail> <img alt="Off-canvas navigation example" src=../examples/screenshots/offcanvas.jpg> </a> <h3>Off-canvas</h3> <p>Build a toggleable off-canvas navigation menu for use with Bootstrap.</p> </div> </div> </div> <div class=bs-docs-section> <h1 class=page-header id=tools>Tools</h1> <h2 id=tools-bootlint>Bootlint</h2> <p><strong><a href=https://github.com/twbs/bootlint>Bootlint</a></strong> is the official Bootstrap HTML <a href=http://en.wikipedia.org/wiki/Lint_(software)>linter</a> tool. It automatically checks for several common HTML mistakes in webpages that are using Bootstrap in a fairly "vanilla" way. Vanilla Bootstrap's components/widgets require their parts of the DOM to conform to certain structures. Bootlint checks that instances of Bootstrap components have correctly-structured HTML. Consider adding Bootlint to your Bootstrap web development toolchain so that none of the common mistakes slow down your project's development.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=community>Community</h1> <p class=lead>Stay up to date on the development of Bootstrap and reach out to the community with these helpful resources.</p> <ul> <li>Read and subscribe to <a href=https://blog.getbootstrap.com/ >The Official Bootstrap Blog</a>.</li> <li>Chat with fellow Bootstrappers using IRC in the <code>irc.freenode.net</code> server, in the <a href=irc://irc.freenode.net/%23bootstrap>##bootstrap channel</a>.</li> <li>For help using Bootstrap, ask on <a href=https://stackoverflow.com/questions/tagged/twitter-bootstrap-3>StackOverflow using the tag <code>twitter-bootstrap-3</code></a>.</li> <li>Developers should use the keyword <code>bootstrap</code> on packages which modify or add to the functionality of Bootstrap when distributing through <a href=https://www.npmjs.com/browse/keyword/bootstrap>npm</a> or similar delivery mechanisms for maximum discoverability.</li> <li>Find inspiring examples of people building with Bootstrap at the <a href=https://expo.getbootstrap.com/>Bootstrap Expo</a>.</li> </ul> <p>You can also follow <a href=https://twitter.com/getbootstrap>@getbootstrap on Twitter</a> for the latest gossip and awesome music videos.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=disable-responsive>Disabling responsiveness</h1> <p class=lead>Bootstrap automatically adapts your pages for various screen sizes. Here's how to disable this feature so your page works like <a href=../examples/non-responsive/ >this non-responsive example</a>.</p> <h2>Steps to disable page responsiveness</h2> <ol> <li>Omit the viewport <code>&lt;meta&gt;</code> mentioned in <a href=../css/#overview-mobile>the CSS docs</a></li> <li>Override the <code>width</code> on the <code>.container</code> for each grid tier with a single width, for example <code>width: 970px !important;</code> Be sure that this comes after the default Bootstrap CSS. You can optionally avoid the <code>!important</code> with media queries or some selector-fu.</li> <li>If using navbars, remove all navbar collapsing and expanding behavior.</li> <li>For grid layouts, use <code>.col-xs-*</code> classes in addition to, or in place of, the medium/large ones. Don't worry, the extra-small device grid scales to all resolutions.</li> </ol> <p>You'll still need Respond.js for IE8 (since our media queries are still there and need to be processed). This disables the "mobile site" aspects of Bootstrap.</p> <h2>Bootstrap template with responsiveness disabled</h2> <p>We've applied these steps to an example. Read its source code to see the specific changes implemented.</p> <p> <a href=../examples/non-responsive/ class="btn btn-primary">View non-responsive example</a> </p> </div> <div class="bs-callout bs-callout-info" id=migration> <h4>Migrating from v2.x to v3.x</h4> <p>Looking to migrate from an older version of Bootstrap to v3.x? Check out <a href=../migration>our migration guide</a>.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=support>Browser and device support</h1> <p class=lead>Bootstrap is built to work best in the latest desktop and mobile browsers, meaning older browsers might display differently styled, though fully functional, renderings of certain components.</p> <h2 id=support-browsers>Supported browsers</h2> <p>Specifically, we support the <strong>latest versions</strong> of the following browsers and platforms.</p> <p>Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform's web view API, are not explicitly supported. However, Bootstrap should (in most cases) display and function correctly in these browsers as well. More specific support information is provided below.</p> <h3 id=mobile-devices>Mobile devices</h3> <p>Generally speaking, Bootstrap supports the latest versions of each major platform's default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) are not supported.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <td></td> <th>Chrome</th> <th>Firefox</th> <th>Safari</th> </tr> </thead> <tbody> <tr> <th scope=row>Android</th> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-muted>N/A</td> </tr> <tr> <th scope=row>iOS</th> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> </tr> </tbody> </table> </div> <h3 id=desktop-browsers>Desktop browsers</h3> <p>Similarly, the latest versions of most desktop browsers are supported.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <td></td> <th>Chrome</th> <th>Firefox</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari</th> </tr> </thead> <tbody> <tr> <th scope=row>Mac</th> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-muted>N/A</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> </tr> <tr> <th scope=row>Windows</th> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> <td class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> </tr> </tbody> </table> </div> <p>On Windows, <strong>we support Internet Explorer 8-11</strong>.</p> <p>For Firefox, in addition to the latest normal stable release, we also support the latest <a href=https://www.mozilla.org/en-US/firefox/organizations/faq/ >Extended Support Release (ESR)</a> version of Firefox.</p> <p>Unofficially, Bootstrap should look and behave well enough in Chromium and Chrome for Linux, Firefox for Linux, and Internet Explorer 7, as well as Microsoft Edge, though they are not officially supported.</p> <p>For a list of some of the browser bugs that Bootstrap has to grapple with, see our <a href=../browser-bugs/ >Wall of browser bugs</a>.</p> <h2 id=support-ie8-ie9>Internet Explorer 8 and 9</h2> <p>Internet Explorer 8 and 9 are also supported, however, please be aware that some CSS3 properties and HTML5 elements are not fully supported by these browsers. In addition, <strong>Internet Explorer 8 requires the use of <a href=https://github.com/scottjehl/Respond>Respond.js</a> to enable media query support.</strong></p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th class=col-xs-4>Feature</th> <th class=col-xs-4>Internet Explorer 8</th> <th class=col-xs-4>Internet Explorer 9</th> </tr> </thead> <tbody> <tr> <th scope=row><code>border-radius</code></th> <td class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> </tr> <tr> <th scope=row><code>box-shadow</code></th> <td class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported</td> </tr> <tr> <th scope=row><code>transform</code></th> <td class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> <td class=text-success><span class="glyphicon glyphicon-ok" aria-hidden=true></span> Supported, with <code>-ms</code> prefix</td> </tr> <tr> <th scope=row><code>transition</code></th> <td colspan=2 class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> </tr> <tr> <th scope=row><code>placeholder</code></th> <td colspan=2 class=text-danger><span class="glyphicon glyphicon-remove" aria-hidden=true></span> Not supported</td> </tr> </tbody> </table> </div> <p>Visit <a href=http://caniuse.com/ >Can I use...</a> for details on browser support of CSS3 and HTML5 features.</p> <h2 id=support-ie8-respondjs>Internet Explorer 8 and Respond.js</h2> <p>Beware of the following caveats when using Respond.js in your development and production environments for Internet Explorer 8.</p> <h3 id=respond-js-x-domain>Respond.js and cross-domain CSS</h3> <p>Using Respond.js with CSS hosted on a different (sub)domain (for example, on a CDN) requires some additional setup. <a href=https://github.com/scottjehl/Respond/blob/master/README.md#cdnx-domain-setup>See the Respond.js docs</a> for details.</p> <h3 id=respond-file-proto>Respond.js and <code>file://</code></h3> <p>Due to browser security rules, Respond.js doesn't work with pages viewed via the <code>file://</code> protocol (like when opening a local HTML file). To test responsive features in IE8, view your pages over HTTP(S). <a href=https://github.com/scottjehl/Respond/blob/master/README.md#support--caveats>See the Respond.js docs</a> for details.</p> <h3 id=respond-import>Respond.js and <code>@import</code></h3> <p>Respond.js doesn't work with CSS that's referenced via <code>@import</code>. In particular, some Drupal configurations are known to use <code>@import</code>. <a href=https://github.com/scottjehl/Respond/blob/master/README.md#support--caveats>See the Respond.js docs</a> for details.</p> <h2 id=support-ie8-box-sizing>Internet Explorer 8 and box-sizing</h2> <p>IE8 does not fully support <code>box-sizing: border-box;</code> when combined with <code>min-width</code>, <code>max-width</code>, <code>min-height</code>, or <code>max-height</code>. For that reason, as of v3.0.1, we no longer use <code>max-width</code> on <code>.container</code>s.</p> <h2 id=support-ie8-font-face>Internet Explorer 8 and @font-face</h2> <p>IE8 has some issues with <code>@font-face</code> when combined with <code>:before</code>. Bootstrap uses that combination with its Glyphicons. If a page is cached, and loaded without the mouse over the window (i.e. hit the refresh button or load something in an iframe) then the page gets rendered before the font loads. Hovering over the page (body) will show some of the icons and hovering over the remaining icons will show those as well. <a href=https://github.com/twbs/bootstrap/issues/13863>See issue #13863</a> for details.</p> <h2 id=support-ie-compatibility-modes>IE Compatibility modes</h2> <p>Bootstrap is not supported in the old Internet Explorer compatibility modes. To be sure you're using the latest rendering mode for IE, consider including the appropriate <code>&lt;meta&gt;</code> tag in your pages:</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;meta</span> <span class=na>http-equiv=</span><span class=s>"X-UA-Compatible"</span> <span class=na>content=</span><span class=s>"IE=edge"</span><span class=nt>&gt;</span></code></pre></figure> <p>Confirm the document mode by opening the debugging tools: press <kbd>F12</kbd> and check the "Document Mode".</p> <p>This tag is included in all of Bootstrap's documentation and examples to ensure the best rendering possible in each supported version of Internet Explorer.</p> <p>See <a href=https://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge>this StackOverflow question</a> for more information.</p> <h2 id=support-ie10-width>Internet Explorer 10 in Windows 8 and Windows Phone 8</h2> <p>Internet Explorer 10 doesn't differentiate <strong>device width</strong> from <strong>viewport width</strong>, and thus doesn't properly apply the media queries in Bootstrap's CSS. Normally you'd just add a quick snippet of CSS to fix this:</p> <figure class=highlight><pre><code class=language-scss data-lang=scss><span class=k>@-ms-viewport</span>       <span class=p>{</span> <span class=nl>width</span><span class=p>:</span> <span class=n>device-width</span><span class=p>;</span> <span class=p>}</span></code></pre></figure> <p>However, this doesn't work for devices running Windows Phone 8 versions older than <a href=https://blogs.windows.com/buildingapps/2013/10/14/introducing-windows-phone-preview-for-developers/>Update 3 (a.k.a. GDR3)</a>, as it causes such devices to show a mostly desktop view instead of narrow "phone" view. To address this, you'll need to <strong>include the following CSS and JavaScript to work around the bug</strong>.</p> <figure class=highlight><pre><code class=language-scss data-lang=scss><span class=k>@-ms-viewport</span>       <span class=p>{</span> <span class=nl>width</span><span class=p>:</span> <span class=n>device-width</span><span class=p>;</span> <span class=p>}</span>
  <span class=k>@-o-viewport</span>        <span class=p>{</span> <span class=nl>width</span><span class=p>:</span> <span class=n>device-width</span><span class=p>;</span> <span class=p>}</span>
  <span class=k>@viewport</span>           <span class=p>{</span> <span class=nl>width</span><span class=p>:</span> <span class=n>device-width</span><span class=p>;</span> <span class=p>}</span></code></pre></figure> <figure class=highlight><pre><code class=language-js data-lang=js><span class=c1>// Copyright 2014-2015 Twitter, Inc.</span>
  <span class=c1>// Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)</span>
diff --git a/docs/3.3/index.html b/docs/3.3/index.html

index 2ca3d61ebf0366ca552197f10ec87937f58c6be6..8abd3b7b3a58c0a0626b85efe6e00e3490171845 100644 (file)
--- a/docs/3.3/index.html
+++ b/docs/3.3/index.html
@@ -46,9 +46,9 @@
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
-          <li><a href=http://themes.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li>
-          <li><a href=https://expo.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li>
-          <li><a href=https://blog.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li>
+          <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li>
+          <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li>
+          <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li>
          </ul>
        </nav>
      </div>
@@ -91,7 +91,7 @@
        </p>
  
        <p class="lead">
-        <a href="https://themes.getbootstrap.com" class="btn btn-outline btn-lg">Browse themes</a>
+        <a href="https://themes.getbootstrap.com/" class="btn btn-outline btn-lg">Browse themes</a>
        </p>
  
        <img class="img-responsive" src="assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388" style="margin-left: auto; margin-right: auto;">
@@ -117,7 +117,7 @@
          </div>
        </div>
        <hr class=half-rule>
-      <p class=lead>We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p> <a href=https://expo.getbootstrap.com class="btn btn-outline btn-lg">Explore the Expo</a> </div>
+      <p class=lead>We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p> <a href=https://expo.getbootstrap.com/ class="btn btn-outline btn-lg">Explore the Expo</a> </div>
    </div>
    <footer class=bs-docs-footer>
      <div class=container>
diff --git a/docs/3.3/javascript/index.html b/docs/3.3/javascript/index.html

index bb01493b28d36f9278a95dc73c7116bdb7e551cb..7a3e207fe02705f7d27710b70cbc23ce59106272 100644 (file)
--- a/docs/3.3/javascript/index.html
+++ b/docs/3.3/javascript/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> JavaScript &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li class=active> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=http://themes.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>JavaScript</h1> <p>Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=js-overview>Overview</h1> <h2 id=js-individual-compiled>Individual or compiled</h2> <p>Plugins can be included individually (using Bootstrap's individual <code>*.js</code> files), or all at once (using <code>bootstrap.js</code> or the minified <code>bootstrap.min.js</code>).</p> <div class="bs-callout bs-callout-danger" id=callout-overview-not-both> <h4>Using the compiled JavaScript</h4> <p>Both <code>bootstrap.js</code> and <code>bootstrap.min.js</code> contain all plugins in a single file. Include only one.</p> </div> <div class="bs-callout bs-callout-danger" id=callout-overview-dependencies> <h4>Plugin dependencies</h4> <p>Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that all plugins depend on jQuery (this means jQuery must be included <strong>before</strong> the plugin files). <a href=https://github.com/twbs/bootstrap/blob/v3.3.7/bower.json>Consult our <code>bower.json</code></a> to see which versions of jQuery are supported.</p> </div> <h2 id=js-data-attrs>Data attributes</h2> <p>You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first-class API and should be your first consideration when using a plugin.</p> <p>That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the document namespaced with <code>data-api</code>. This looks like this:</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=nb>document</span><span class=p>).</span><span class=nx>off</span><span class=p>(</span><span class=s1>'.data-api'</span><span class=p>)</span></code></pre></figure> <p>Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=nb>document</span><span class=p>).</span><span class=nx>off</span><span class=p>(</span><span class=s1>'.alert.data-api'</span><span class=p>)</span></code></pre></figure> <div class="bs-callout bs-callout-danger" id=callout-overview-single-data> <h4>Only one plugin per element via data attributes</h4> <p>Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element.</p> </div> <h2 id=js-programmatic-api>Programmatic API</h2> <p>We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'.btn.danger'</span><span class=p>).</span><span class=nx>button</span><span class=p>(</span><span class=s1>'toggle'</span><span class=p>).</span><span class=nx>addClass</span><span class=p>(</span><span class=s1>'fat'</span><span class=p>)</span></code></pre></figure> <p>All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'#myModal'</span><span class=p>).</span><span class=nx>modal</span><span class=p>()</span>                      <span class=c1>// initialized with defaults</span>
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> JavaScript &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li class=active> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>JavaScript</h1> <p>Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=js-overview>Overview</h1> <h2 id=js-individual-compiled>Individual or compiled</h2> <p>Plugins can be included individually (using Bootstrap's individual <code>*.js</code> files), or all at once (using <code>bootstrap.js</code> or the minified <code>bootstrap.min.js</code>).</p> <div class="bs-callout bs-callout-danger" id=callout-overview-not-both> <h4>Using the compiled JavaScript</h4> <p>Both <code>bootstrap.js</code> and <code>bootstrap.min.js</code> contain all plugins in a single file. Include only one.</p> </div> <div class="bs-callout bs-callout-danger" id=callout-overview-dependencies> <h4>Plugin dependencies</h4> <p>Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that all plugins depend on jQuery (this means jQuery must be included <strong>before</strong> the plugin files). <a href=https://github.com/twbs/bootstrap/blob/v3.3.7/bower.json>Consult our <code>bower.json</code></a> to see which versions of jQuery are supported.</p> </div> <h2 id=js-data-attrs>Data attributes</h2> <p>You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first-class API and should be your first consideration when using a plugin.</p> <p>That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the document namespaced with <code>data-api</code>. This looks like this:</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=nb>document</span><span class=p>).</span><span class=nx>off</span><span class=p>(</span><span class=s1>'.data-api'</span><span class=p>)</span></code></pre></figure> <p>Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=nb>document</span><span class=p>).</span><span class=nx>off</span><span class=p>(</span><span class=s1>'.alert.data-api'</span><span class=p>)</span></code></pre></figure> <div class="bs-callout bs-callout-danger" id=callout-overview-single-data> <h4>Only one plugin per element via data attributes</h4> <p>Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element.</p> </div> <h2 id=js-programmatic-api>Programmatic API</h2> <p>We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'.btn.danger'</span><span class=p>).</span><span class=nx>button</span><span class=p>(</span><span class=s1>'toggle'</span><span class=p>).</span><span class=nx>addClass</span><span class=p>(</span><span class=s1>'fat'</span><span class=p>)</span></code></pre></figure> <p>All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'#myModal'</span><span class=p>).</span><span class=nx>modal</span><span class=p>()</span>                      <span class=c1>// initialized with defaults</span>
  <span class=nx>$</span><span class=p>(</span><span class=s1>'#myModal'</span><span class=p>).</span><span class=nx>modal</span><span class=p>({</span> <span class=na>keyboard</span><span class=p>:</span> <span class=kc>false</span> <span class=p>})</span>   <span class=c1>// initialized with no keyboard</span>
  <span class=nx>$</span><span class=p>(</span><span class=s1>'#myModal'</span><span class=p>).</span><span class=nx>modal</span><span class=p>(</span><span class=s1>'show'</span><span class=p>)</span>                <span class=c1>// initializes and invokes show immediately</span></code></pre></figure> <p>Each plugin also exposes its raw constructor on a <code>Constructor</code> property: <code>$.fn.popover.Constructor</code>. If you'd like to get a particular plugin instance, retrieve it directly from an element: <code>$('[rel="popover"]').data('popover')</code>.</p> <h4>Default settings</h4> <p>You can change the default settings for a plugin by modifying the plugin's <code>Constructor.DEFAULTS</code> object:</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>.</span><span class=nx>fn</span><span class=p>.</span><span class=nx>modal</span><span class=p>.</span><span class=nx>Constructor</span><span class=p>.</span><span class=nx>DEFAULTS</span><span class=p>.</span><span class=nx>keyboard</span> <span class=o>=</span> <span class=kc>false</span> <span class=c1>// changes default for the modal plugin's `keyboard` option to false</span></code></pre></figure> <h2 id=js-noconflict>No conflict</h2> <p>Sometimes it is necessary to use Bootstrap plugins with other UI frameworks. In these circumstances, namespace collisions can occasionally occur. If this happens, you may call <code>.noConflict</code> on the plugin you wish to revert the value of.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=kd>var</span> <span class=nx>bootstrapButton</span> <span class=o>=</span> <span class=nx>$</span><span class=p>.</span><span class=nx>fn</span><span class=p>.</span><span class=nx>button</span><span class=p>.</span><span class=nx>noConflict</span><span class=p>()</span> <span class=c1>// return $.fn.button to previously assigned value</span>
  <span class=nx>$</span><span class=p>.</span><span class=nx>fn</span><span class=p>.</span><span class=nx>bootstrapBtn</span> <span class=o>=</span> <span class=nx>bootstrapButton</span>            <span class=c1>// give $().bootstrapBtn the Bootstrap functionality</span></code></pre></figure> <h2 id=js-events>Events</h2> <p>Bootstrap provides custom events for most plugins' unique actions. Generally, these come in an infinitive and past participle form - where the infinitive (ex. <code>show</code>) is triggered at the start of an event, and its past participle form (ex. <code>shown</code>) is triggered on the completion of an action.</p> <p>As of 3.0.0, all Bootstrap events are namespaced.</p> <p>All infinitive events provide <code>preventDefault</code> functionality. This provides the ability to stop the execution of an action before it starts.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'#myModal'</span><span class=p>).</span><span class=nx>on</span><span class=p>(</span><span class=s1>'show.bs.modal'</span><span class=p>,</span> <span class=kd>function</span> <span class=p>(</span><span class=nx>e</span><span class=p>)</span> <span class=p>{</span>
diff --git a/docs/3.3/migration/index.html b/docs/3.3/migration/index.html

index 6a6951234aeee53e8f8e6f925128782c58264c9a..0d350bbbf8562d5221d3a1c17f48b27c64ba137c 100644 (file)
--- a/docs/3.3/migration/index.html
+++ b/docs/3.3/migration/index.html
@@ -1 +1 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Migrating to v3.x &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=http://themes.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Migrating to v3.x</h1> <p>Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header>Migrating from 2.x to 3.0</h1> <p class=lead>Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see <a href=https://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/ >what's new</a> in the v3.0 release announcement.</p> <h2 id=classes>Major class changes</h2> <p>This table shows the style changes between v2.x and v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Bootstrap 2.x</th> <th>Bootstrap 3.0</th> </tr> </thead> <tbody> <tr> <td><code>.row-fluid</code></td> <td><code>.row</code></td> </tr> <tr> <td><code>.span*</code></td> <td><code>.col-md-*</code></td> </tr> <tr> <td><code>.offset*</code></td> <td><code>.col-md-offset-*</code></td> </tr> <tr> <td><code>.brand</code></td> <td><code>.navbar-brand</code></td> </tr> <tr> <td><code>.navbar .nav</code></td> <td><code>.navbar-nav</code></td> </tr> <tr> <td><code>.nav-collapse</code></td> <td><code>.navbar-collapse</code></td> </tr> <tr> <td><code>.nav-toggle</code></td> <td><code>.navbar-toggle</code></td> </tr> <tr> <td><code>.btn-navbar</code></td> <td><code>.navbar-btn</code></td> </tr> <tr> <td><code>.hero-unit</code></td> <td><code>.jumbotron</code></td> </tr> <tr> <td><code>.icon-*</code></td> <td><code>.glyphicon .glyphicon-*</code></td> </tr> <tr> <td><code>.btn</code></td> <td><code>.btn .btn-default</code></td> </tr> <tr> <td><code>.btn-mini</code></td> <td><code>.btn-xs</code></td> </tr> <tr> <td><code>.btn-small</code></td> <td><code>.btn-sm</code></td> </tr> <tr> <td><code>.btn-large</code></td> <td><code>.btn-lg</code></td> </tr> <tr> <td><code>.alert</code></td> <td><code>.alert .alert-warning</code></td> </tr> <tr> <td><code>.alert-error</code></td> <td><code>.alert-danger</code></td> </tr> <tr> <td><code>.visible-phone</code></td> <td><code>.visible-xs</code></td> </tr> <tr> <td><code>.visible-tablet</code></td> <td><code>.visible-sm</code></td> </tr> <tr> <td><code>.visible-desktop</code></td> <td>Split into <code>.visible-md .visible-lg</code></td> </tr> <tr> <td><code>.hidden-phone</code></td> <td><code>.hidden-xs</code></td> </tr> <tr> <td><code>.hidden-tablet</code></td> <td><code>.hidden-sm</code></td> </tr> <tr> <td><code>.hidden-desktop</code></td> <td>Split into <code>.hidden-md .hidden-lg</code></td> </tr> <tr> <td><code>.input-block-level</code></td> <td><code>.form-control</code></td> </tr> <tr> <td><code>.control-group</code></td> <td><code>.form-group</code></td> </tr> <tr> <td><code>.control-group.warning .control-group.error .control-group.success</code></td> <td><code>.form-group.has-*</code></td> </tr> <tr> <td><code>.checkbox.inline</code> <code>.radio.inline</code></td> <td><code>.checkbox-inline</code> <code>.radio-inline</code></td> </tr> <tr> <td><code>.input-prepend</code> <code>.input-append</code></td> <td><code>.input-group</code></td> </tr> <tr> <td><code>.add-on</code></td> <td><code>.input-group-addon</code></td> </tr> <tr> <td><code>.img-polaroid</code></td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td><code>ul.unstyled</code></td> <td><code>.list-unstyled</code></td> </tr> <tr> <td><code>ul.inline</code></td> <td><code>.list-inline</code></td> </tr> <tr> <td><code>.muted</code></td> <td><code>.text-muted</code></td> </tr> <tr> <td><code>.label</code></td> <td><code>.label .label-default</code></td> </tr> <tr> <td><code>.label-important</code></td> <td><code>.label-danger</code></td> </tr> <tr> <td><code>.text-error</code></td> <td><code>.text-danger</code></td> </tr> <tr> <td><code>.table .error</code></td> <td><code>.table .danger</code></td> </tr> <tr> <td><code>.bar</code></td> <td><code>.progress-bar</code></td> </tr> <tr> <td><code>.bar-*</code></td> <td><code>.progress-bar-*</code></td> </tr> <tr> <td><code>.accordion</code></td> <td><code>.panel-group</code></td> </tr> <tr> <td><code>.accordion-group</code></td> <td><code>.panel .panel-default</code></td> </tr> <tr> <td><code>.accordion-heading</code></td> <td><code>.panel-heading</code></td> </tr> <tr> <td><code>.accordion-body</code></td> <td><code>.panel-collapse</code></td> </tr> <tr> <td><code>.accordion-inner</code></td> <td><code>.panel-body</code></td> </tr> </tbody> </table> </div> <h2 id=new>What's new</h2> <p>We've added new elements and changed some existing ones. Here are the new or updated styles.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>Panels</td> <td><code>.panel .panel-default</code> <code>.panel-body</code> <code>.panel-title</code> <code>.panel-heading</code> <code>.panel-footer</code> <code>.panel-collapse</code></td> </tr> <tr> <td>List groups</td> <td><code>.list-group</code> <code>.list-group-item</code> <code>.list-group-item-text</code> <code>.list-group-item-heading</code></td> </tr> <tr> <td>Glyphicons</td> <td><code>.glyphicon</code></td> </tr> <tr> <td>Jumbotron</td> <td><code>.jumbotron</code></td> </tr> <tr> <td>Extra small grid (&lt;768px)</td> <td><code>.col-xs-*</code></td> </tr> <tr> <td>Small grid (&ge;768px)</td> <td><code>.col-sm-*</code></td> </tr> <tr> <td>Medium grid (&ge;992px)</td> <td><code>.col-md-*</code></td> </tr> <tr> <td>Large grid (&ge;1200px)</td> <td><code>.col-lg-*</code></td> </tr> <tr> <td>Responsive utility classes (&ge;1200px)</td> <td><code>.visible-lg</code> <code>.hidden-lg</code></td> </tr> <tr> <td>Offsets</td> <td><code>.col-sm-offset-*</code> <code>.col-md-offset-*</code> <code>.col-lg-offset-*</code></td> </tr> <tr> <td>Push</td> <td><code>.col-sm-push-*</code> <code>.col-md-push-*</code> <code>.col-lg-push-*</code></td> </tr> <tr> <td>Pull</td> <td><code>.col-sm-pull-*</code> <code>.col-md-pull-*</code> <code>.col-lg-pull-*</code></td> </tr> <tr> <td>Input height sizes</td> <td><code>.input-sm</code> <code>.input-lg</code></td> </tr> <tr> <td>Input groups</td> <td><code>.input-group</code> <code>.input-group-addon</code> <code>.input-group-btn</code></td> </tr> <tr> <td>Form controls</td> <td><code>.form-control</code> <code>.form-group</code></td> </tr> <tr> <td>Button group sizes</td> <td><code>.btn-group-xs</code> <code>.btn-group-sm</code> <code>.btn-group-lg</code></td> </tr> <tr> <td>Navbar text</td> <td><code>.navbar-text</code></td> </tr> <tr> <td>Navbar header</td> <td><code>.navbar-header</code></td> </tr> <tr> <td>Justified tabs / pills</td> <td><code>.nav-justified</code></td> </tr> <tr> <td>Responsive images</td> <td><code>.img-responsive</code></td> </tr> <tr> <td>Contextual table rows</td> <td><code>.success</code> <code>.danger</code> <code>.warning</code> <code>.active</code> <code>.info</code></td> </tr> <tr> <td>Contextual panels</td> <td><code>.panel-success</code> <code>.panel-danger</code> <code>.panel-warning</code> <code>.panel-info</code></td> </tr> <tr> <td>Modal</td> <td><code>.modal-dialog</code> <code>.modal-content</code></td> </tr> <tr> <td>Thumbnail image</td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td>Well sizes</td> <td><code>.well-sm</code> <code>.well-lg</code></td> </tr> <tr> <td>Alert links</td> <td><code>.alert-link</code></td> </tr> </tbody> </table> </div> <h2 id=dropped>What's removed</h2> <p>The following elements have been dropped or changed in v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Removed from 2.x</th> <th>3.0 Equivalent</th> </tr> </thead> <tbody> <tr> <td>Form actions</td> <td><code>.form-actions</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Search form</td> <td><code>.form-search</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Form group with info</td> <td><code>.control-group.info</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fixed-width input sizes</td> <td><code>.input-mini</code> <code>.input-small</code> <code>.input-medium</code> <code>.input-large</code> <code>.input-xlarge</code> <code>.input-xxlarge</code></td> <td>Use <a href=../css/#forms-controls><code>.form-control</code></a> and <a href=../css/#grid>the grid system</a> instead.</td> </tr> <tr> <td>Block level form input</td> <td><code>.input-block-level</code></td> <td>No direct equivalent, but <a href=../css/#forms-controls>forms controls</a> are similar.</td> </tr> <tr> <td>Inverse buttons</td> <td><code>.btn-inverse</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fluid row</td> <td><code>.row-fluid</code></td> <td><code>.row</code> (no more fixed grid)</td> </tr> <tr> <td>Controls wrapper</td> <td><code>.controls</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Controls row</td> <td><code>.controls-row</code></td> <td><code>.row</code> or <code>.form-group</code></td> </tr> <tr> <td>Navbar inner</td> <td><code>.navbar-inner</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Navbar vertical dividers</td> <td><code>.navbar .divider-vertical</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Dropdown submenu</td> <td><code>.dropdown-submenu</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Tab alignments</td> <td><code>.tabs-left</code> <code>.tabs-right</code> <code>.tabs-below</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Pill-based tabbable area</td> <td><code>.pill-content</code></td> <td><code>.tab-content</code></td> </tr> <tr> <td>Pill-based tabbable area pane</td> <td><code>.pill-pane</code></td> <td><code>.tab-pane</code></td> </tr> <tr> <td>Nav lists</td> <td><code>.nav-list</code> <code>.nav-header</code></td> <td>No direct equivalent, but <a href=../components/#list-group>list groups</a> and <a href=../javascript/#collapse><code>.panel-group</code>s</a> are similar.</td> </tr> <tr> <td>Inline help for form controls</td> <td><code>.help-inline</code></td> <td>No exact equivalent, but <code>.help-block</code> is similar.</td> </tr> <tr> <td>Non-bar-level progress colors</td> <td><code>.progress-info</code> <code>.progress-success</code> <code>.progress-warning</code> <code>.progress-danger</code></td> <td>Use <code>.progress-bar-*</code> on the <code>.progress-bar</code> instead.</td> </tr> </tbody> </table> </div> <h2 id=notes>Additional notes</h2> <p>Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our <em>mobile first</em> approach. Here's a partial list:</p> <ul> <li>By default, text-based form controls now receive only minimal styling. For focus colors and rounded corners, apply the <code>.form-control</code> class on the element to style.</li> <li>Text-based form controls with the <code>.form-control</code> class applied are now 100% wide by default. Wrap inputs inside <code>&lt;div class="col-*"&gt;&lt;/div&gt;</code> to control input widths.</li> <li><code>.badge</code> no longer has contextual (-success,-primary,etc..) classes.</li> <li><code>.btn</code> must also use <code>.btn-default</code> to get the "default" button.</li> <li><code>.row</code> is now fluid.</li> <li>Images are no longer responsive by default. Use <code>.img-responsive</code> for fluid <code>&lt;img&gt;</code> size.</li> <li>The icons, now <code>.glyphicon</code>, are now font based. Icons also require a base and icon class (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</li> <li>Typeahead has been dropped, in favor of using <a href=http://twitter.github.io/typeahead.js/ >Twitter Typeahead</a>.</li> <li>Modal markup has changed significantly. The <code>.modal-header</code>, <code>.modal-body</code>, and <code>.modal-footer</code> sections are now wrapped in <code>.modal-content</code> and <code>.modal-dialog</code> for better mobile styling and behavior. Also, you should no longer apply <code>.hide</code> to <code>.modal</code> in your markup.</li> <li>As of v3.1.0, the HTML loaded by the <code>remote</code> modal option is now injected into the <code>.modal-content</code> (from v3.0.0 to v3.0.3, into the <code>.modal</code>) instead of into the <code>.modal-body</code>. This allows you to also easily vary the header and footer of the modal, not just the modal body.</li> <li>The checkbox and radio features of the button.js plugin now both use <code>data-toggle="buttons"</code> instead of <code>data-toggle="buttons-checkbox"</code> or <code>data-toggle="buttons-radio"</code> in their markup.</li> <li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc.</li> </ul> <p>For more information on upgrading to v3.0, and code snippets from the community, see <a href=http://bootply.com/ >Bootply</a>.</p> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#classes>Major class changes</a> </li> <li> <a href=#new>What's new</a> </li> <li> <a href=#dropped>What's removed</a> </li> <li> <a href=#notes>Additional notes</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo target=_blank>@mdo</a> and <a href=https://twitter.com/fat target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank rel=license>MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel=license>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> <script>var _gauges=_gauges||[];!function(){var e=document.createElement("script");e.async=!0,e.id="gauges-tracker",e.setAttribute("data-site-id","4f0dc9fef5a1f55508000013"),e.src="//secure.gaug.es/track.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script> 
-\ No newline at end of file
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Migrating to v3.x &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Migrating to v3.x</h1> <p>Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header>Migrating from 2.x to 3.0</h1> <p class=lead>Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see <a href=https://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/ >what's new</a> in the v3.0 release announcement.</p> <h2 id=classes>Major class changes</h2> <p>This table shows the style changes between v2.x and v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Bootstrap 2.x</th> <th>Bootstrap 3.0</th> </tr> </thead> <tbody> <tr> <td><code>.row-fluid</code></td> <td><code>.row</code></td> </tr> <tr> <td><code>.span*</code></td> <td><code>.col-md-*</code></td> </tr> <tr> <td><code>.offset*</code></td> <td><code>.col-md-offset-*</code></td> </tr> <tr> <td><code>.brand</code></td> <td><code>.navbar-brand</code></td> </tr> <tr> <td><code>.navbar .nav</code></td> <td><code>.navbar-nav</code></td> </tr> <tr> <td><code>.nav-collapse</code></td> <td><code>.navbar-collapse</code></td> </tr> <tr> <td><code>.nav-toggle</code></td> <td><code>.navbar-toggle</code></td> </tr> <tr> <td><code>.btn-navbar</code></td> <td><code>.navbar-btn</code></td> </tr> <tr> <td><code>.hero-unit</code></td> <td><code>.jumbotron</code></td> </tr> <tr> <td><code>.icon-*</code></td> <td><code>.glyphicon .glyphicon-*</code></td> </tr> <tr> <td><code>.btn</code></td> <td><code>.btn .btn-default</code></td> </tr> <tr> <td><code>.btn-mini</code></td> <td><code>.btn-xs</code></td> </tr> <tr> <td><code>.btn-small</code></td> <td><code>.btn-sm</code></td> </tr> <tr> <td><code>.btn-large</code></td> <td><code>.btn-lg</code></td> </tr> <tr> <td><code>.alert</code></td> <td><code>.alert .alert-warning</code></td> </tr> <tr> <td><code>.alert-error</code></td> <td><code>.alert-danger</code></td> </tr> <tr> <td><code>.visible-phone</code></td> <td><code>.visible-xs</code></td> </tr> <tr> <td><code>.visible-tablet</code></td> <td><code>.visible-sm</code></td> </tr> <tr> <td><code>.visible-desktop</code></td> <td>Split into <code>.visible-md .visible-lg</code></td> </tr> <tr> <td><code>.hidden-phone</code></td> <td><code>.hidden-xs</code></td> </tr> <tr> <td><code>.hidden-tablet</code></td> <td><code>.hidden-sm</code></td> </tr> <tr> <td><code>.hidden-desktop</code></td> <td>Split into <code>.hidden-md .hidden-lg</code></td> </tr> <tr> <td><code>.input-block-level</code></td> <td><code>.form-control</code></td> </tr> <tr> <td><code>.control-group</code></td> <td><code>.form-group</code></td> </tr> <tr> <td><code>.control-group.warning .control-group.error .control-group.success</code></td> <td><code>.form-group.has-*</code></td> </tr> <tr> <td><code>.checkbox.inline</code> <code>.radio.inline</code></td> <td><code>.checkbox-inline</code> <code>.radio-inline</code></td> </tr> <tr> <td><code>.input-prepend</code> <code>.input-append</code></td> <td><code>.input-group</code></td> </tr> <tr> <td><code>.add-on</code></td> <td><code>.input-group-addon</code></td> </tr> <tr> <td><code>.img-polaroid</code></td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td><code>ul.unstyled</code></td> <td><code>.list-unstyled</code></td> </tr> <tr> <td><code>ul.inline</code></td> <td><code>.list-inline</code></td> </tr> <tr> <td><code>.muted</code></td> <td><code>.text-muted</code></td> </tr> <tr> <td><code>.label</code></td> <td><code>.label .label-default</code></td> </tr> <tr> <td><code>.label-important</code></td> <td><code>.label-danger</code></td> </tr> <tr> <td><code>.text-error</code></td> <td><code>.text-danger</code></td> </tr> <tr> <td><code>.table .error</code></td> <td><code>.table .danger</code></td> </tr> <tr> <td><code>.bar</code></td> <td><code>.progress-bar</code></td> </tr> <tr> <td><code>.bar-*</code></td> <td><code>.progress-bar-*</code></td> </tr> <tr> <td><code>.accordion</code></td> <td><code>.panel-group</code></td> </tr> <tr> <td><code>.accordion-group</code></td> <td><code>.panel .panel-default</code></td> </tr> <tr> <td><code>.accordion-heading</code></td> <td><code>.panel-heading</code></td> </tr> <tr> <td><code>.accordion-body</code></td> <td><code>.panel-collapse</code></td> </tr> <tr> <td><code>.accordion-inner</code></td> <td><code>.panel-body</code></td> </tr> </tbody> </table> </div> <h2 id=new>What's new</h2> <p>We've added new elements and changed some existing ones. Here are the new or updated styles.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>Panels</td> <td><code>.panel .panel-default</code> <code>.panel-body</code> <code>.panel-title</code> <code>.panel-heading</code> <code>.panel-footer</code> <code>.panel-collapse</code></td> </tr> <tr> <td>List groups</td> <td><code>.list-group</code> <code>.list-group-item</code> <code>.list-group-item-text</code> <code>.list-group-item-heading</code></td> </tr> <tr> <td>Glyphicons</td> <td><code>.glyphicon</code></td> </tr> <tr> <td>Jumbotron</td> <td><code>.jumbotron</code></td> </tr> <tr> <td>Extra small grid (&lt;768px)</td> <td><code>.col-xs-*</code></td> </tr> <tr> <td>Small grid (&ge;768px)</td> <td><code>.col-sm-*</code></td> </tr> <tr> <td>Medium grid (&ge;992px)</td> <td><code>.col-md-*</code></td> </tr> <tr> <td>Large grid (&ge;1200px)</td> <td><code>.col-lg-*</code></td> </tr> <tr> <td>Responsive utility classes (&ge;1200px)</td> <td><code>.visible-lg</code> <code>.hidden-lg</code></td> </tr> <tr> <td>Offsets</td> <td><code>.col-sm-offset-*</code> <code>.col-md-offset-*</code> <code>.col-lg-offset-*</code></td> </tr> <tr> <td>Push</td> <td><code>.col-sm-push-*</code> <code>.col-md-push-*</code> <code>.col-lg-push-*</code></td> </tr> <tr> <td>Pull</td> <td><code>.col-sm-pull-*</code> <code>.col-md-pull-*</code> <code>.col-lg-pull-*</code></td> </tr> <tr> <td>Input height sizes</td> <td><code>.input-sm</code> <code>.input-lg</code></td> </tr> <tr> <td>Input groups</td> <td><code>.input-group</code> <code>.input-group-addon</code> <code>.input-group-btn</code></td> </tr> <tr> <td>Form controls</td> <td><code>.form-control</code> <code>.form-group</code></td> </tr> <tr> <td>Button group sizes</td> <td><code>.btn-group-xs</code> <code>.btn-group-sm</code> <code>.btn-group-lg</code></td> </tr> <tr> <td>Navbar text</td> <td><code>.navbar-text</code></td> </tr> <tr> <td>Navbar header</td> <td><code>.navbar-header</code></td> </tr> <tr> <td>Justified tabs / pills</td> <td><code>.nav-justified</code></td> </tr> <tr> <td>Responsive images</td> <td><code>.img-responsive</code></td> </tr> <tr> <td>Contextual table rows</td> <td><code>.success</code> <code>.danger</code> <code>.warning</code> <code>.active</code> <code>.info</code></td> </tr> <tr> <td>Contextual panels</td> <td><code>.panel-success</code> <code>.panel-danger</code> <code>.panel-warning</code> <code>.panel-info</code></td> </tr> <tr> <td>Modal</td> <td><code>.modal-dialog</code> <code>.modal-content</code></td> </tr> <tr> <td>Thumbnail image</td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td>Well sizes</td> <td><code>.well-sm</code> <code>.well-lg</code></td> </tr> <tr> <td>Alert links</td> <td><code>.alert-link</code></td> </tr> </tbody> </table> </div> <h2 id=dropped>What's removed</h2> <p>The following elements have been dropped or changed in v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Removed from 2.x</th> <th>3.0 Equivalent</th> </tr> </thead> <tbody> <tr> <td>Form actions</td> <td><code>.form-actions</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Search form</td> <td><code>.form-search</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Form group with info</td> <td><code>.control-group.info</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fixed-width input sizes</td> <td><code>.input-mini</code> <code>.input-small</code> <code>.input-medium</code> <code>.input-large</code> <code>.input-xlarge</code> <code>.input-xxlarge</code></td> <td>Use <a href=../css/#forms-controls><code>.form-control</code></a> and <a href=../css/#grid>the grid system</a> instead.</td> </tr> <tr> <td>Block level form input</td> <td><code>.input-block-level</code></td> <td>No direct equivalent, but <a href=../css/#forms-controls>forms controls</a> are similar.</td> </tr> <tr> <td>Inverse buttons</td> <td><code>.btn-inverse</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fluid row</td> <td><code>.row-fluid</code></td> <td><code>.row</code> (no more fixed grid)</td> </tr> <tr> <td>Controls wrapper</td> <td><code>.controls</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Controls row</td> <td><code>.controls-row</code></td> <td><code>.row</code> or <code>.form-group</code></td> </tr> <tr> <td>Navbar inner</td> <td><code>.navbar-inner</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Navbar vertical dividers</td> <td><code>.navbar .divider-vertical</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Dropdown submenu</td> <td><code>.dropdown-submenu</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Tab alignments</td> <td><code>.tabs-left</code> <code>.tabs-right</code> <code>.tabs-below</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Pill-based tabbable area</td> <td><code>.pill-content</code></td> <td><code>.tab-content</code></td> </tr> <tr> <td>Pill-based tabbable area pane</td> <td><code>.pill-pane</code></td> <td><code>.tab-pane</code></td> </tr> <tr> <td>Nav lists</td> <td><code>.nav-list</code> <code>.nav-header</code></td> <td>No direct equivalent, but <a href=../components/#list-group>list groups</a> and <a href=../javascript/#collapse><code>.panel-group</code>s</a> are similar.</td> </tr> <tr> <td>Inline help for form controls</td> <td><code>.help-inline</code></td> <td>No exact equivalent, but <code>.help-block</code> is similar.</td> </tr> <tr> <td>Non-bar-level progress colors</td> <td><code>.progress-info</code> <code>.progress-success</code> <code>.progress-warning</code> <code>.progress-danger</code></td> <td>Use <code>.progress-bar-*</code> on the <code>.progress-bar</code> instead.</td> </tr> </tbody> </table> </div> <h2 id=notes>Additional notes</h2> <p>Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our <em>mobile first</em> approach. Here's a partial list:</p> <ul> <li>By default, text-based form controls now receive only minimal styling. For focus colors and rounded corners, apply the <code>.form-control</code> class on the element to style.</li> <li>Text-based form controls with the <code>.form-control</code> class applied are now 100% wide by default. Wrap inputs inside <code>&lt;div class="col-*"&gt;&lt;/div&gt;</code> to control input widths.</li> <li><code>.badge</code> no longer has contextual (-success,-primary,etc..) classes.</li> <li><code>.btn</code> must also use <code>.btn-default</code> to get the "default" button.</li> <li><code>.row</code> is now fluid.</li> <li>Images are no longer responsive by default. Use <code>.img-responsive</code> for fluid <code>&lt;img&gt;</code> size.</li> <li>The icons, now <code>.glyphicon</code>, are now font based. Icons also require a base and icon class (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</li> <li>Typeahead has been dropped, in favor of using <a href=http://twitter.github.io/typeahead.js/ >Twitter Typeahead</a>.</li> <li>Modal markup has changed significantly. The <code>.modal-header</code>, <code>.modal-body</code>, and <code>.modal-footer</code> sections are now wrapped in <code>.modal-content</code> and <code>.modal-dialog</code> for better mobile styling and behavior. Also, you should no longer apply <code>.hide</code> to <code>.modal</code> in your markup.</li> <li>As of v3.1.0, the HTML loaded by the <code>remote</code> modal option is now injected into the <code>.modal-content</code> (from v3.0.0 to v3.0.3, into the <code>.modal</code>) instead of into the <code>.modal-body</code>. This allows you to also easily vary the header and footer of the modal, not just the modal body.</li> <li>The checkbox and radio features of the button.js plugin now both use <code>data-toggle="buttons"</code> instead of <code>data-toggle="buttons-checkbox"</code> or <code>data-toggle="buttons-radio"</code> in their markup.</li> <li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc.</li> </ul> <p>For more information on upgrading to v3.0, and code snippets from the community, see <a href=http://bootply.com/ >Bootply</a>.</p> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#classes>Major class changes</a> </li> <li> <a href=#new>What's new</a> </li> <li> <a href=#dropped>What's removed</a> </li> <li> <a href=#notes>Additional notes</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo target=_blank>@mdo</a> and <a href=https://twitter.com/fat target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank rel=license>MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel=license>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> <script>var _gauges=_gauges||[];!function(){var e=document.createElement("script");e.async=!0,e.id="gauges-tracker",e.setAttribute("data-site-id","4f0dc9fef5a1f55508000013"),e.src="//secure.gaug.es/track.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script> 
+\ No newline at end of file
diff --git a/docs/4.0/about/brand/index.html b/docs/4.0/about/brand/index.html

index 6db88badcb22c8e8816f0461da698d80b681838e..b1027997bbf9642089da977e2b725fe9eb1094db 100644 (file)
--- a/docs/4.0/about/brand/index.html
+++ b/docs/4.0/about/brand/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/about/history/index.html b/docs/4.0/about/history/index.html

index 1721ce7a87bf5d0d6743e58e4e532539df982838..5e36cbe4c75e62bc73782118086d05685a037a5f 100644 (file)
--- a/docs/4.0/about/history/index.html
+++ b/docs/4.0/about/history/index.html
@@ -95,14 +95,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/about/license/index.html b/docs/4.0/about/license/index.html

index d0e429b62a879a31d95b36e370ad7fc14e664a25..17a8b6a69f456d4874a3c0d23fe6477943a185ab 100644 (file)
--- a/docs/4.0/about/license/index.html
+++ b/docs/4.0/about/license/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/about/overview/index.html b/docs/4.0/about/overview/index.html

index 6dac12918c1103d60efdc6dcc88b94cddf36e209..00fa3e2c3167dfd7c95d76baae8aece260cb18fb 100644 (file)
--- a/docs/4.0/about/overview/index.html
+++ b/docs/4.0/about/overview/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/about/team/index.html b/docs/4.0/about/team/index.html

index a56e71809b04a3c7cc07acb9867e24ae3adc5cfe..20ddc1bee108c4daf507789152743377b67f16ce 100644 (file)
--- a/docs/4.0/about/team/index.html
+++ b/docs/4.0/about/team/index.html
@@ -95,14 +95,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/about/translations/index.html b/docs/4.0/about/translations/index.html

index 23dad7e11af63f11ef9eaa5da63a10269cc752a1..cb98965573452fc8198f586fe20a8b6b283fc4f5 100644 (file)
--- a/docs/4.0/about/translations/index.html
+++ b/docs/4.0/about/translations/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/browser-bugs/index.html b/docs/4.0/browser-bugs/index.html

index 4adb595e8efd0d7ad2a72757e60ca11bcc9910fe..ae16ee064457e86352d4aac061a585d059e08dc8 100644 (file)
--- a/docs/4.0/browser-bugs/index.html
+++ b/docs/4.0/browser-bugs/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/alerts/index.html b/docs/4.0/components/alerts/index.html

index f27765a12275c556af77ce78341b69d0f06dc37f..62aa8dcb165e5d8e80942725ebfa501beecaef30 100644 (file)
--- a/docs/4.0/components/alerts/index.html
+++ b/docs/4.0/components/alerts/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/badge/index.html b/docs/4.0/components/badge/index.html

index c87c4501dba2f2fd71fa5ace91dd34c93b3f5b14..b62676eaf1ea0f21ee42198af694371ceda590f0 100644 (file)
--- a/docs/4.0/components/badge/index.html
+++ b/docs/4.0/components/badge/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/breadcrumb/index.html b/docs/4.0/components/breadcrumb/index.html

index 1641eb0eec3e120ad3554c2e61e81300ca2419a4..027271b37f52e439b26c02a407f23b06ccc5f9eb 100644 (file)
--- a/docs/4.0/components/breadcrumb/index.html
+++ b/docs/4.0/components/breadcrumb/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/button-group/index.html b/docs/4.0/components/button-group/index.html

index 145555c6aa130862810cffb78d53aa7fcbfc9659..af80170e0043f0fc7db418760bc92ed6d2b30b8c 100644 (file)
--- a/docs/4.0/components/button-group/index.html
+++ b/docs/4.0/components/button-group/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/buttons/index.html b/docs/4.0/components/buttons/index.html

index 03b011fe30aba6adb8fb7208c7bf920ddd98d97c..242f25228569d41166a749a652159268539004cb 100644 (file)
--- a/docs/4.0/components/buttons/index.html
+++ b/docs/4.0/components/buttons/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/card/index.html b/docs/4.0/components/card/index.html

index 6fafaa2d1a8c47aff4cd7cdd047a0bc638ce8748..e4590d8e1bbe5d225df40f3bfc25854884a59327 100644 (file)
--- a/docs/4.0/components/card/index.html
+++ b/docs/4.0/components/card/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/carousel/index.html b/docs/4.0/components/carousel/index.html

index c36703b4aceb6c9076c923d95c12fd04f91fbbee..e945b47a7899dc905c552fe08593ee8fe5c3eaa2 100644 (file)
--- a/docs/4.0/components/carousel/index.html
+++ b/docs/4.0/components/carousel/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/collapse/index.html b/docs/4.0/components/collapse/index.html

index 697a379dcffbc22429e787850147d0892d86627f..99c7c4963f88426d9320bc8e584a47e16c5bbb6f 100644 (file)
--- a/docs/4.0/components/collapse/index.html
+++ b/docs/4.0/components/collapse/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/dropdowns/index.html b/docs/4.0/components/dropdowns/index.html

index c77b13058cb6a1b116c88e1bda522df629ad5f10..081fa636aba7ffa0defc363c36063100b45f2445 100644 (file)
--- a/docs/4.0/components/dropdowns/index.html
+++ b/docs/4.0/components/dropdowns/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/forms/index.html b/docs/4.0/components/forms/index.html

index cc03d66eddbaa744647367e8068b5246a16edc77..ddd806a7c03829933f3fd8d34c804e350c7f1b2d 100644 (file)
--- a/docs/4.0/components/forms/index.html
+++ b/docs/4.0/components/forms/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/input-group/index.html b/docs/4.0/components/input-group/index.html

index ac2f46a707c5ce8e5461a44387d74a6cf209ac6d..f22a1c48bdae1f39ffac38c2abfa5d64ba8b34ac 100644 (file)
--- a/docs/4.0/components/input-group/index.html
+++ b/docs/4.0/components/input-group/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/jumbotron/index.html b/docs/4.0/components/jumbotron/index.html

index 91ec67d59b451e65df567c41c297c2807b1f4978..acb7e639e88eeafc3adfd52ae21dc6415f165118 100644 (file)
--- a/docs/4.0/components/jumbotron/index.html
+++ b/docs/4.0/components/jumbotron/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/list-group/index.html b/docs/4.0/components/list-group/index.html

index 0b631aceddcf0f31523e67c10277d1b0be2d2e29..3c0124072840e4b08665f4185a16475063736801 100644 (file)
--- a/docs/4.0/components/list-group/index.html
+++ b/docs/4.0/components/list-group/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/modal/index.html b/docs/4.0/components/modal/index.html

index ef270f31c5ec61c50b16a465a04d4265b685895b..1b9c3e4901f26035fe868675958b74bea3e1f1a4 100644 (file)
--- a/docs/4.0/components/modal/index.html
+++ b/docs/4.0/components/modal/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/navbar/index.html b/docs/4.0/components/navbar/index.html

index a6b2874c0294b8566273da7c5ae78c6eb0040942..fb747c6dd39e3a0fb60a4cf8619587046d95ab57 100644 (file)
--- a/docs/4.0/components/navbar/index.html
+++ b/docs/4.0/components/navbar/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/navs/index.html b/docs/4.0/components/navs/index.html

index a55db3baa76c8a0687c94eefce445880c7d07bf2..51e5a50c8ed60eb52204cacdf85bec7417ec6cfc 100644 (file)
--- a/docs/4.0/components/navs/index.html
+++ b/docs/4.0/components/navs/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/pagination/index.html b/docs/4.0/components/pagination/index.html

index b614d50977a3476990080a923fddd32b608bef84..b90627dffaef7d08a03f6e0c22b081cfb1286a2a 100644 (file)
--- a/docs/4.0/components/pagination/index.html
+++ b/docs/4.0/components/pagination/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/popovers/index.html b/docs/4.0/components/popovers/index.html

index 89eae03d784528e6e3071a35cc21af43b32354d5..5469b5f886ae7f7195abaaa432de087baaebe486 100644 (file)
--- a/docs/4.0/components/popovers/index.html
+++ b/docs/4.0/components/popovers/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/progress/index.html b/docs/4.0/components/progress/index.html

index 3a1b286957509abc829addf517d13f164962100b..28c4f4824b798b827218897d1d44bb002ce1dfde 100644 (file)
--- a/docs/4.0/components/progress/index.html
+++ b/docs/4.0/components/progress/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/scrollspy/index.html b/docs/4.0/components/scrollspy/index.html

index ccb201d0f0c423cae520fcc66f231ab53ab724e4..6dc70f220023b826f7e93cd09782ed792c69c068 100644 (file)
--- a/docs/4.0/components/scrollspy/index.html
+++ b/docs/4.0/components/scrollspy/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/components/tooltips/index.html b/docs/4.0/components/tooltips/index.html

index 4a9d791e4bd91e3b6f909e649da777c445312712..73663d80d78af7fc6f947f802f96cd66fc82a8a7 100644 (file)
--- a/docs/4.0/components/tooltips/index.html
+++ b/docs/4.0/components/tooltips/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/content/code/index.html b/docs/4.0/content/code/index.html

index 93588f9aeb0c2027ed2d05a615b5e342af2c97ae..a2cbc18b5945bc3b828ce05e1cecf3e9df9c1046 100644 (file)
--- a/docs/4.0/content/code/index.html
+++ b/docs/4.0/content/code/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/content/figures/index.html b/docs/4.0/content/figures/index.html

index 511cb364f9b197372d1b23ba86e5eb33a992e714..11d27a55784ae5ed3bd1929b9cd90e802fe52adc 100644 (file)
--- a/docs/4.0/content/figures/index.html
+++ b/docs/4.0/content/figures/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/content/images/index.html b/docs/4.0/content/images/index.html

index 3978625afdbfc79d4e38d06369134ed4e012c60c..7d9a4cc8a6a714ef171c38e7ce136b3ed2345a1b 100644 (file)
--- a/docs/4.0/content/images/index.html
+++ b/docs/4.0/content/images/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/content/reboot/index.html b/docs/4.0/content/reboot/index.html

index cc6bc841b9a72bca8893b02473d31f44a709d40e..6566870e2320087da024a40435bfd0da24aa3d68 100644 (file)
--- a/docs/4.0/content/reboot/index.html
+++ b/docs/4.0/content/reboot/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/content/tables/index.html b/docs/4.0/content/tables/index.html

index a1e1605821be665cf5cc1768fcb8247e6964751d..93d424890f40857e73d3347038b03081ecf4a324 100644 (file)
--- a/docs/4.0/content/tables/index.html
+++ b/docs/4.0/content/tables/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/content/typography/index.html b/docs/4.0/content/typography/index.html

index 6c95660d40ef5fd126fc8367761f4ff4478044f7..c609d01f8d8de7f79f534eab9b063be8b797f79f 100644 (file)
--- a/docs/4.0/content/typography/index.html
+++ b/docs/4.0/content/typography/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/examples/index.html b/docs/4.0/examples/index.html

index b7cf9daa70bf50f090435dea5c206b84bace5e57..567c1ea32e45188ac9bee28ac4e331f0aa5ca174 100644 (file)
--- a/docs/4.0/examples/index.html
+++ b/docs/4.0/examples/index.html
@@ -84,14 +84,14 @@
          <a class="nav-link active" href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/extend/approach/index.html b/docs/4.0/extend/approach/index.html

index 1ed244cfde1014963975b9373c3333392e11719d..feb384317a634a50fb00b46d34ee26b967b7802a 100644 (file)
--- a/docs/4.0/extend/approach/index.html
+++ b/docs/4.0/extend/approach/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/extend/icons/index.html b/docs/4.0/extend/icons/index.html

index 1fcf2aa44cf24cf9c55b4c003d6f8b69e45c43f7..6e5b456901b54bcec4d42bce0671cb8354ac7ce8 100644 (file)
--- a/docs/4.0/extend/icons/index.html
+++ b/docs/4.0/extend/icons/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/extend/index.html b/docs/4.0/extend/index.html

index 206140aeb2a4c258a9a285a620a08a2a5596c92a..028601f20aa5d20cc6e7ec69e0ea09bd51433821 100644 (file)
--- a/docs/4.0/extend/index.html
+++ b/docs/4.0/extend/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/getting-started/accessibility/index.html b/docs/4.0/getting-started/accessibility/index.html

index 214447154fd04193523b533b071a3cdeaa29ce35..371c5f4413a395626805560497b60f9c4b4959f0 100644 (file)
--- a/docs/4.0/getting-started/accessibility/index.html
+++ b/docs/4.0/getting-started/accessibility/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/getting-started/best-practices/index.html b/docs/4.0/getting-started/best-practices/index.html

index 43fe2ef598c3fcaec4d72c2919709ba899ce793f..c78c9d5ab1f5108f723808d89af6c2a148f1d745 100644 (file)
--- a/docs/4.0/getting-started/best-practices/index.html
+++ b/docs/4.0/getting-started/best-practices/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/getting-started/browsers-devices/index.html b/docs/4.0/getting-started/browsers-devices/index.html

index dc4c06b5a71dd536d61267acf890d6263d19e25f..b05c59d0275b234895c277e6ca0a66e68521f3a3 100644 (file)
--- a/docs/4.0/getting-started/browsers-devices/index.html
+++ b/docs/4.0/getting-started/browsers-devices/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/getting-started/build-tools/index.html b/docs/4.0/getting-started/build-tools/index.html

index 6838757ed7db91cd4e227cd4ed2fc1e5a7ed53db..eb0f2da2183a44b3ae05f48a8e41719eacfb89f1 100644 (file)
--- a/docs/4.0/getting-started/build-tools/index.html
+++ b/docs/4.0/getting-started/build-tools/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/getting-started/contents/index.html b/docs/4.0/getting-started/contents/index.html

index 46162c45b0e2ee5f8efdaf98b48972252d841bf0..154f3553466cb67aeee0e672e1b01994234ed2a5 100644 (file)
--- a/docs/4.0/getting-started/contents/index.html
+++ b/docs/4.0/getting-started/contents/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/getting-started/download/index.html b/docs/4.0/getting-started/download/index.html

index 2e4bf90c0b2ed804a6717fa8d691a5ca910e412b..ab756ee68c678bff3356a69407850736e445e0ba 100644 (file)
--- a/docs/4.0/getting-started/download/index.html
+++ b/docs/4.0/getting-started/download/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/getting-started/introduction/index.html b/docs/4.0/getting-started/introduction/index.html

index aa12e286d835a3e89d695d0ccafa2f6b855189b6..03f9c9758b708b2bf7e152686012f404a058f6bb 100644 (file)
--- a/docs/4.0/getting-started/introduction/index.html
+++ b/docs/4.0/getting-started/introduction/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
@@ -519,7 +519,7 @@
  
  <ul>
    <li>Follow <a href="https://twitter.com/getbootstrap">@getbootstrap on Twitter</a>.</li>
-  <li>Read and subscribe to <a href="https://blog.getbootstrap.com">The Official Bootstrap Blog</a>.</li>
+  <li>Read and subscribe to <a href="https://blog.getbootstrap.com/">The Official Bootstrap Blog</a>.</li>
    <li>Join <a href="https://bootstrap-slack.herokuapp.com">the official Slack room</a>.</li>
    <li>Chat with fellow Bootstrappers in IRC. On the <code class="highlighter-rouge">irc.freenode.net</code> server, in the <code class="highlighter-rouge">##bootstrap</code> channel.</li>
    <li>Implementation help may be found at Stack Overflow (tagged <a href="https://stackoverflow.com/questions/tagged/bootstrap-4"><code class="highlighter-rouge">bootstrap-4</code></a>).</li>
diff --git a/docs/4.0/getting-started/javascript/index.html b/docs/4.0/getting-started/javascript/index.html

index 8bce0da9f0d25807bb4b4df8188958258dfbc42e..6b877db60116ede8174d4bfc9a254808f5e50e97 100644 (file)
--- a/docs/4.0/getting-started/javascript/index.html
+++ b/docs/4.0/getting-started/javascript/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/getting-started/theming/index.html b/docs/4.0/getting-started/theming/index.html

index b93732ac8fd9578d3542114fa803bf8637070f52..9e11fbd1e9e8febd5f4124259e935c99b32e1648 100644 (file)
--- a/docs/4.0/getting-started/theming/index.html
+++ b/docs/4.0/getting-started/theming/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/getting-started/webpack/index.html b/docs/4.0/getting-started/webpack/index.html

index 3d84c09c79ec74b07b683ce590858b04a0abc63b..be21a048a3afffa9fb385ca48b751d3d49977ffa 100644 (file)
--- a/docs/4.0/getting-started/webpack/index.html
+++ b/docs/4.0/getting-started/webpack/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/layout/grid/index.html b/docs/4.0/layout/grid/index.html

index 7061d00367399ba1e27ed5808bd9362fb3a2d144..e75480c34acb8deaf098831ad9941b341de984ab 100644 (file)
--- a/docs/4.0/layout/grid/index.html
+++ b/docs/4.0/layout/grid/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/layout/media-object/index.html b/docs/4.0/layout/media-object/index.html

index 5444d09bb151c35a63f156763dd35fd773e9d872..2602e9df945fb02c18ebcd6b9e1881d509fe5bb3 100644 (file)
--- a/docs/4.0/layout/media-object/index.html
+++ b/docs/4.0/layout/media-object/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/layout/overview/index.html b/docs/4.0/layout/overview/index.html

index 976bed0bbeb9e0ada99f4fa1eea2b302e0ab169d..1169082dcbbd76df18b0431298689066d9cbe24e 100644 (file)
--- a/docs/4.0/layout/overview/index.html
+++ b/docs/4.0/layout/overview/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/layout/utilities-for-layout/index.html b/docs/4.0/layout/utilities-for-layout/index.html

index fda4c4ed3ecf90ae565e275c16eb43d53e93910c..999f155c7d88296672b4ca988fd5d759cc8d1364 100644 (file)
--- a/docs/4.0/layout/utilities-for-layout/index.html
+++ b/docs/4.0/layout/utilities-for-layout/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/migration/index.html b/docs/4.0/migration/index.html

index c48be80630db7361d0792ab2e2c99003404538e1..d8026a0106cd97690dd182450414e4f22b677aee 100644 (file)
--- a/docs/4.0/migration/index.html
+++ b/docs/4.0/migration/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/borders/index.html b/docs/4.0/utilities/borders/index.html

index f540c9266abb536d08d500e544c489cc973db6f7..049719a07fa99319d994f322c90d2ce0c0d37b0b 100644 (file)
--- a/docs/4.0/utilities/borders/index.html
+++ b/docs/4.0/utilities/borders/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/clearfix/index.html b/docs/4.0/utilities/clearfix/index.html

index 88f47706ac8d97a6c8cc603feba2934c34e31897..0d0f048a2e9876de2a8217ba825613d76c08adc5 100644 (file)
--- a/docs/4.0/utilities/clearfix/index.html
+++ b/docs/4.0/utilities/clearfix/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/close-icon/index.html b/docs/4.0/utilities/close-icon/index.html

index 4920dd678c42026c30f4bb0b4e03621f20b44aff..ce1a7d6b55294b8dc3d760195502c1bac13f1022 100644 (file)
--- a/docs/4.0/utilities/close-icon/index.html
+++ b/docs/4.0/utilities/close-icon/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/colors/index.html b/docs/4.0/utilities/colors/index.html

index acc858ef4a23606c8ca24b7b216152855fee02a8..23b6c34610d90bf58b712059e2b60e732a77ca25 100644 (file)
--- a/docs/4.0/utilities/colors/index.html
+++ b/docs/4.0/utilities/colors/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/display/index.html b/docs/4.0/utilities/display/index.html

index cf05b0976dc414f0cb22ca9a9c8f00160adec102..6658a49661e74af444141327a708aff2b771a8f5 100644 (file)
--- a/docs/4.0/utilities/display/index.html
+++ b/docs/4.0/utilities/display/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/embed/index.html b/docs/4.0/utilities/embed/index.html

index 8d8c9da5888600917eb24caba8ca09985c2cde97..9849984b16696cb0f2f865035181a6766cf69e0b 100644 (file)
--- a/docs/4.0/utilities/embed/index.html
+++ b/docs/4.0/utilities/embed/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/flex/index.html b/docs/4.0/utilities/flex/index.html

index f9772e5d485cab44ad845d52378992f49031572a..311fdb82b76f0c6be302cc28502e2b0b757fc9be 100644 (file)
--- a/docs/4.0/utilities/flex/index.html
+++ b/docs/4.0/utilities/flex/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/float/index.html b/docs/4.0/utilities/float/index.html

index ab55c0a442f03794fc75f6917353cc950722dda1..ee6819e4e6c2a6e91d266a95633876133082503d 100644 (file)
--- a/docs/4.0/utilities/float/index.html
+++ b/docs/4.0/utilities/float/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/image-replacement/index.html b/docs/4.0/utilities/image-replacement/index.html

index 7982b22618d5ec3d0ac725914ad3492e914e6441..ba34a50b80b3465e80176de5b910c218b7d72705 100644 (file)
--- a/docs/4.0/utilities/image-replacement/index.html
+++ b/docs/4.0/utilities/image-replacement/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/position/index.html b/docs/4.0/utilities/position/index.html

index 0fec75d5e9736e7e9bcd6eb6ce1cde7bf0cc2838..ed0070a2cefe39c51d1c240b303663b9eaf6f198 100644 (file)
--- a/docs/4.0/utilities/position/index.html
+++ b/docs/4.0/utilities/position/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/screenreaders/index.html b/docs/4.0/utilities/screenreaders/index.html

index b889b4a5ba735a146de43be82747209c41d412f4..2312a8c44d910ec96c070651116b8013a2de6d41 100644 (file)
--- a/docs/4.0/utilities/screenreaders/index.html
+++ b/docs/4.0/utilities/screenreaders/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/sizing/index.html b/docs/4.0/utilities/sizing/index.html

index 95d5a4a8b00644b6887859359d638b7237e817c4..ba98368bb068809e72ccdb9e469d2b4dd61b7c80 100644 (file)
--- a/docs/4.0/utilities/sizing/index.html
+++ b/docs/4.0/utilities/sizing/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/spacing/index.html b/docs/4.0/utilities/spacing/index.html

index 6c106b6300a2023455dbbe8cf8b98696d2bbc715..5538e855f23151c9d64557f91b080d12d31ecfe4 100644 (file)
--- a/docs/4.0/utilities/spacing/index.html
+++ b/docs/4.0/utilities/spacing/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/text/index.html b/docs/4.0/utilities/text/index.html

index 3eeeaed8516ebf1db62579c5f29551076e134605..2c61b18b8b19577ee5ab4c0e0c5c8de3179f1397 100644 (file)
--- a/docs/4.0/utilities/text/index.html
+++ b/docs/4.0/utilities/text/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/vertical-align/index.html b/docs/4.0/utilities/vertical-align/index.html

index 71819d28f9f76174bf3090a390522786cf62edcf..449c39471e05b80eeceae777777d6c93d44240de 100644 (file)
--- a/docs/4.0/utilities/vertical-align/index.html
+++ b/docs/4.0/utilities/vertical-align/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/docs/4.0/utilities/visibility/index.html b/docs/4.0/utilities/visibility/index.html

index 938d688aee12d21ebee88dc37c9799ccff983e90..02895dbb50a1d16e4790beae20bf6ec4eb7e8e3f 100644 (file)
--- a/docs/4.0/utilities/visibility/index.html
+++ b/docs/4.0/utilities/visibility/index.html
@@ -86,14 +86,14 @@
          <a class="nav-link " href="/docs/4.0/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://themes.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
+        <a class="nav-link" href="https://themes.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank" rel="noopener">Themes</a>
        </li>
  
        <li class="nav-item">
-        <a class="nav-link" href="https://expo.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
+        <a class="nav-link" href="https://expo.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank" rel="noopener">Expo</a>
        </li>
        <li class="nav-item">
-        <a class="nav-link" href="https://blog.getbootstrap.com" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
+        <a class="nav-link" href="https://blog.getbootstrap.com/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank" rel="noopener">Blog</a>
        </li>
      </ul>
    </div>
diff --git a/migration/index.html b/migration/index.html

index e59891cc380349f9698926415c3e14d32378361a..8ee1338bccb92c44597426667fe2a8659412a700 100644 (file)
--- a/migration/index.html
+++ b/migration/index.html
@@ -1 +1 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Migrating to v3.x &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://v4-alpha.getbootstrap.com/ class=v4-tease>Aww yeah, Bootstrap 4 is coming!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=http://themes.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://jobs.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Jobs")'>Jobs</a></li> <li><a href=http://expo.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=http://blog.getbootstrap.com onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Migrating to v3.x</h1> <p>Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.</p> <div id=carbonads-container><div class=carbonad><div id=azcarbon></div><script>var z=document.createElement("script");z.async=!0,z.src="https://engine.carbonads.com/z/32341/azcarbon_2_1_0_HORIZ";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(z,s)</script></div></div> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header>Migrating from 2.x to 3.0</h1> <p class=lead>Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see <a href=http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/ >what's new</a> in the v3.0 release announcement.</p> <h2 id=classes>Major class changes</h2> <p>This table shows the style changes between v2.x and v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Bootstrap 2.x</th> <th>Bootstrap 3.0</th> </tr> </thead> <tbody> <tr> <td><code>.row-fluid</code></td> <td><code>.row</code></td> </tr> <tr> <td><code>.span*</code></td> <td><code>.col-md-*</code></td> </tr> <tr> <td><code>.offset*</code></td> <td><code>.col-md-offset-*</code></td> </tr> <tr> <td><code>.brand</code></td> <td><code>.navbar-brand</code></td> </tr> <tr> <td><code>.navbar .nav</code></td> <td><code>.navbar-nav</code></td> </tr> <tr> <td><code>.nav-collapse</code></td> <td><code>.navbar-collapse</code></td> </tr> <tr> <td><code>.nav-toggle</code></td> <td><code>.navbar-toggle</code></td> </tr> <tr> <td><code>.btn-navbar</code></td> <td><code>.navbar-btn</code></td> </tr> <tr> <td><code>.hero-unit</code></td> <td><code>.jumbotron</code></td> </tr> <tr> <td><code>.icon-*</code></td> <td><code>.glyphicon .glyphicon-*</code></td> </tr> <tr> <td><code>.btn</code></td> <td><code>.btn .btn-default</code></td> </tr> <tr> <td><code>.btn-mini</code></td> <td><code>.btn-xs</code></td> </tr> <tr> <td><code>.btn-small</code></td> <td><code>.btn-sm</code></td> </tr> <tr> <td><code>.btn-large</code></td> <td><code>.btn-lg</code></td> </tr> <tr> <td><code>.alert</code></td> <td><code>.alert .alert-warning</code></td> </tr> <tr> <td><code>.alert-error</code></td> <td><code>.alert-danger</code></td> </tr> <tr> <td><code>.visible-phone</code></td> <td><code>.visible-xs</code></td> </tr> <tr> <td><code>.visible-tablet</code></td> <td><code>.visible-sm</code></td> </tr> <tr> <td><code>.visible-desktop</code></td> <td>Split into <code>.visible-md .visible-lg</code></td> </tr> <tr> <td><code>.hidden-phone</code></td> <td><code>.hidden-xs</code></td> </tr> <tr> <td><code>.hidden-tablet</code></td> <td><code>.hidden-sm</code></td> </tr> <tr> <td><code>.hidden-desktop</code></td> <td>Split into <code>.hidden-md .hidden-lg</code></td> </tr> <tr> <td><code>.input-block-level</code></td> <td><code>.form-control</code></td> </tr> <tr> <td><code>.control-group</code></td> <td><code>.form-group</code></td> </tr> <tr> <td><code>.control-group.warning .control-group.error .control-group.success</code></td> <td><code>.form-group.has-*</code></td> </tr> <tr> <td><code>.checkbox.inline</code> <code>.radio.inline</code></td> <td><code>.checkbox-inline</code> <code>.radio-inline</code></td> </tr> <tr> <td><code>.input-prepend</code> <code>.input-append</code></td> <td><code>.input-group</code></td> </tr> <tr> <td><code>.add-on</code></td> <td><code>.input-group-addon</code></td> </tr> <tr> <td><code>.img-polaroid</code></td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td><code>ul.unstyled</code></td> <td><code>.list-unstyled</code></td> </tr> <tr> <td><code>ul.inline</code></td> <td><code>.list-inline</code></td> </tr> <tr> <td><code>.muted</code></td> <td><code>.text-muted</code></td> </tr> <tr> <td><code>.label</code></td> <td><code>.label .label-default</code></td> </tr> <tr> <td><code>.label-important</code></td> <td><code>.label-danger</code></td> </tr> <tr> <td><code>.text-error</code></td> <td><code>.text-danger</code></td> </tr> <tr> <td><code>.table .error</code></td> <td><code>.table .danger</code></td> </tr> <tr> <td><code>.bar</code></td> <td><code>.progress-bar</code></td> </tr> <tr> <td><code>.bar-*</code></td> <td><code>.progress-bar-*</code></td> </tr> <tr> <td><code>.accordion</code></td> <td><code>.panel-group</code></td> </tr> <tr> <td><code>.accordion-group</code></td> <td><code>.panel .panel-default</code></td> </tr> <tr> <td><code>.accordion-heading</code></td> <td><code>.panel-heading</code></td> </tr> <tr> <td><code>.accordion-body</code></td> <td><code>.panel-collapse</code></td> </tr> <tr> <td><code>.accordion-inner</code></td> <td><code>.panel-body</code></td> </tr> </tbody> </table> </div> <h2 id=new>What's new</h2> <p>We've added new elements and changed some existing ones. Here are the new or updated styles.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>Panels</td> <td><code>.panel .panel-default</code> <code>.panel-body</code> <code>.panel-title</code> <code>.panel-heading</code> <code>.panel-footer</code> <code>.panel-collapse</code></td> </tr> <tr> <td>List groups</td> <td><code>.list-group</code> <code>.list-group-item</code> <code>.list-group-item-text</code> <code>.list-group-item-heading</code></td> </tr> <tr> <td>Glyphicons</td> <td><code>.glyphicon</code></td> </tr> <tr> <td>Jumbotron</td> <td><code>.jumbotron</code></td> </tr> <tr> <td>Extra small grid (&lt;768px)</td> <td><code>.col-xs-*</code></td> </tr> <tr> <td>Small grid (&ge;768px)</td> <td><code>.col-sm-*</code></td> </tr> <tr> <td>Medium grid (&ge;992px)</td> <td><code>.col-md-*</code></td> </tr> <tr> <td>Large grid (&ge;1200px)</td> <td><code>.col-lg-*</code></td> </tr> <tr> <td>Responsive utility classes (&ge;1200px)</td> <td><code>.visible-lg</code> <code>.hidden-lg</code></td> </tr> <tr> <td>Offsets</td> <td><code>.col-sm-offset-*</code> <code>.col-md-offset-*</code> <code>.col-lg-offset-*</code></td> </tr> <tr> <td>Push</td> <td><code>.col-sm-push-*</code> <code>.col-md-push-*</code> <code>.col-lg-push-*</code></td> </tr> <tr> <td>Pull</td> <td><code>.col-sm-pull-*</code> <code>.col-md-pull-*</code> <code>.col-lg-pull-*</code></td> </tr> <tr> <td>Input height sizes</td> <td><code>.input-sm</code> <code>.input-lg</code></td> </tr> <tr> <td>Input groups</td> <td><code>.input-group</code> <code>.input-group-addon</code> <code>.input-group-btn</code></td> </tr> <tr> <td>Form controls</td> <td><code>.form-control</code> <code>.form-group</code></td> </tr> <tr> <td>Button group sizes</td> <td><code>.btn-group-xs</code> <code>.btn-group-sm</code> <code>.btn-group-lg</code></td> </tr> <tr> <td>Navbar text</td> <td><code>.navbar-text</code></td> </tr> <tr> <td>Navbar header</td> <td><code>.navbar-header</code></td> </tr> <tr> <td>Justified tabs / pills</td> <td><code>.nav-justified</code></td> </tr> <tr> <td>Responsive images</td> <td><code>.img-responsive</code></td> </tr> <tr> <td>Contextual table rows</td> <td><code>.success</code> <code>.danger</code> <code>.warning</code> <code>.active</code> <code>.info</code></td> </tr> <tr> <td>Contextual panels</td> <td><code>.panel-success</code> <code>.panel-danger</code> <code>.panel-warning</code> <code>.panel-info</code></td> </tr> <tr> <td>Modal</td> <td><code>.modal-dialog</code> <code>.modal-content</code></td> </tr> <tr> <td>Thumbnail image</td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td>Well sizes</td> <td><code>.well-sm</code> <code>.well-lg</code></td> </tr> <tr> <td>Alert links</td> <td><code>.alert-link</code></td> </tr> </tbody> </table> </div> <h2 id=dropped>What's removed</h2> <p>The following elements have been dropped or changed in v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Removed from 2.x</th> <th>3.0 Equivalent</th> </tr> </thead> <tbody> <tr> <td>Form actions</td> <td><code>.form-actions</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Search form</td> <td><code>.form-search</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Form group with info</td> <td><code>.control-group.info</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fixed-width input sizes</td> <td><code>.input-mini</code> <code>.input-small</code> <code>.input-medium</code> <code>.input-large</code> <code>.input-xlarge</code> <code>.input-xxlarge</code></td> <td>Use <a href=../css/#forms-controls><code>.form-control</code></a> and <a href=../css/#grid>the grid system</a> instead.</td> </tr> <tr> <td>Block level form input</td> <td><code>.input-block-level</code></td> <td>No direct equivalent, but <a href=../css/#forms-controls>forms controls</a> are similar.</td> </tr> <tr> <td>Inverse buttons</td> <td><code>.btn-inverse</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fluid row</td> <td><code>.row-fluid</code></td> <td><code>.row</code> (no more fixed grid)</td> </tr> <tr> <td>Controls wrapper</td> <td><code>.controls</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Controls row</td> <td><code>.controls-row</code></td> <td><code>.row</code> or <code>.form-group</code></td> </tr> <tr> <td>Navbar inner</td> <td><code>.navbar-inner</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Navbar vertical dividers</td> <td><code>.navbar .divider-vertical</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Dropdown submenu</td> <td><code>.dropdown-submenu</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Tab alignments</td> <td><code>.tabs-left</code> <code>.tabs-right</code> <code>.tabs-below</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Pill-based tabbable area</td> <td><code>.pill-content</code></td> <td><code>.tab-content</code></td> </tr> <tr> <td>Pill-based tabbable area pane</td> <td><code>.pill-pane</code></td> <td><code>.tab-pane</code></td> </tr> <tr> <td>Nav lists</td> <td><code>.nav-list</code> <code>.nav-header</code></td> <td>No direct equivalent, but <a href=../components/#list-group>list groups</a> and <a href=../javascript/#collapse><code>.panel-group</code>s</a> are similar.</td> </tr> <tr> <td>Inline help for form controls</td> <td><code>.help-inline</code></td> <td>No exact equivalent, but <code>.help-block</code> is similar.</td> </tr> <tr> <td>Non-bar-level progress colors</td> <td><code>.progress-info</code> <code>.progress-success</code> <code>.progress-warning</code> <code>.progress-danger</code></td> <td>Use <code>.progress-bar-*</code> on the <code>.progress-bar</code> instead.</td> </tr> </tbody> </table> </div> <h2 id=notes>Additional notes</h2> <p>Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our <em>mobile first</em> approach. Here's a partial list:</p> <ul> <li>By default, text-based form controls now receive only minimal styling. For focus colors and rounded corners, apply the <code>.form-control</code> class on the element to style.</li> <li>Text-based form controls with the <code>.form-control</code> class applied are now 100% wide by default. Wrap inputs inside <code>&lt;div class="col-*"&gt;&lt;/div&gt;</code> to control input widths.</li> <li><code>.badge</code> no longer has contextual (-success,-primary,etc..) classes.</li> <li><code>.btn</code> must also use <code>.btn-default</code> to get the "default" button.</li> <li><code>.row</code> is now fluid.</li> <li>Images are no longer responsive by default. Use <code>.img-responsive</code> for fluid <code>&lt;img&gt;</code> size.</li> <li>The icons, now <code>.glyphicon</code>, are now font based. Icons also require a base and icon class (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</li> <li>Typeahead has been dropped, in favor of using <a href=http://twitter.github.io/typeahead.js/ >Twitter Typeahead</a>.</li> <li>Modal markup has changed significantly. The <code>.modal-header</code>, <code>.modal-body</code>, and <code>.modal-footer</code> sections are now wrapped in <code>.modal-content</code> and <code>.modal-dialog</code> for better mobile styling and behavior. Also, you should no longer apply <code>.hide</code> to <code>.modal</code> in your markup.</li> <li>As of v3.1.0, the HTML loaded by the <code>remote</code> modal option is now injected into the <code>.modal-content</code> (from v3.0.0 to v3.0.3, into the <code>.modal</code>) instead of into the <code>.modal-body</code>. This allows you to also easily vary the header and footer of the modal, not just the modal body.</li> <li>The checkbox and radio features of the button.js plugin now both use <code>data-toggle="buttons"</code> instead of <code>data-toggle="buttons-checkbox"</code> or <code>data-toggle="buttons-radio"</code> in their markup.</li> <li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc.</li> </ul> <p>For more information on upgrading to v3.0, and code snippets from the community, see <a href=http://bootply.com/ >Bootply</a>.</p> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#classes>Major class changes</a> </li> <li> <a href=#new>What's new</a> </li> <li> <a href=#dropped>What's removed</a> </li> <li> <a href=#notes>Additional notes</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo target=_blank>@mdo</a> and <a href=https://twitter.com/fat target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank rel=license>MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel=license>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> <script>var _gauges=_gauges||[];!function(){var e=document.createElement("script");e.async=!0,e.id="gauges-tracker",e.setAttribute("data-site-id","4f0dc9fef5a1f55508000013"),e.src="//secure.gaug.es/track.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script> 
-\ No newline at end of file
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Migrating to v3.x &middot; Bootstrap </title> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--> <link href=/apple-touch-icon.png rel=apple-touch-icon> <link href=/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://v4-alpha.getbootstrap.com/ class=v4-tease>Aww yeah, Bootstrap 4 is coming!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Migrating to v3.x</h1> <p>Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.</p> <div id=carbonads-container><div class=carbonad><div id=azcarbon></div><script>var z=document.createElement("script");z.async=!0,z.src="https://engine.carbonads.com/z/32341/azcarbon_2_1_0_HORIZ";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(z,s)</script></div></div> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header>Migrating from 2.x to 3.0</h1> <p class=lead>Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see <a href=https://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/ >what's new</a> in the v3.0 release announcement.</p> <h2 id=classes>Major class changes</h2> <p>This table shows the style changes between v2.x and v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Bootstrap 2.x</th> <th>Bootstrap 3.0</th> </tr> </thead> <tbody> <tr> <td><code>.row-fluid</code></td> <td><code>.row</code></td> </tr> <tr> <td><code>.span*</code></td> <td><code>.col-md-*</code></td> </tr> <tr> <td><code>.offset*</code></td> <td><code>.col-md-offset-*</code></td> </tr> <tr> <td><code>.brand</code></td> <td><code>.navbar-brand</code></td> </tr> <tr> <td><code>.navbar .nav</code></td> <td><code>.navbar-nav</code></td> </tr> <tr> <td><code>.nav-collapse</code></td> <td><code>.navbar-collapse</code></td> </tr> <tr> <td><code>.nav-toggle</code></td> <td><code>.navbar-toggle</code></td> </tr> <tr> <td><code>.btn-navbar</code></td> <td><code>.navbar-btn</code></td> </tr> <tr> <td><code>.hero-unit</code></td> <td><code>.jumbotron</code></td> </tr> <tr> <td><code>.icon-*</code></td> <td><code>.glyphicon .glyphicon-*</code></td> </tr> <tr> <td><code>.btn</code></td> <td><code>.btn .btn-default</code></td> </tr> <tr> <td><code>.btn-mini</code></td> <td><code>.btn-xs</code></td> </tr> <tr> <td><code>.btn-small</code></td> <td><code>.btn-sm</code></td> </tr> <tr> <td><code>.btn-large</code></td> <td><code>.btn-lg</code></td> </tr> <tr> <td><code>.alert</code></td> <td><code>.alert .alert-warning</code></td> </tr> <tr> <td><code>.alert-error</code></td> <td><code>.alert-danger</code></td> </tr> <tr> <td><code>.visible-phone</code></td> <td><code>.visible-xs</code></td> </tr> <tr> <td><code>.visible-tablet</code></td> <td><code>.visible-sm</code></td> </tr> <tr> <td><code>.visible-desktop</code></td> <td>Split into <code>.visible-md .visible-lg</code></td> </tr> <tr> <td><code>.hidden-phone</code></td> <td><code>.hidden-xs</code></td> </tr> <tr> <td><code>.hidden-tablet</code></td> <td><code>.hidden-sm</code></td> </tr> <tr> <td><code>.hidden-desktop</code></td> <td>Split into <code>.hidden-md .hidden-lg</code></td> </tr> <tr> <td><code>.input-block-level</code></td> <td><code>.form-control</code></td> </tr> <tr> <td><code>.control-group</code></td> <td><code>.form-group</code></td> </tr> <tr> <td><code>.control-group.warning .control-group.error .control-group.success</code></td> <td><code>.form-group.has-*</code></td> </tr> <tr> <td><code>.checkbox.inline</code> <code>.radio.inline</code></td> <td><code>.checkbox-inline</code> <code>.radio-inline</code></td> </tr> <tr> <td><code>.input-prepend</code> <code>.input-append</code></td> <td><code>.input-group</code></td> </tr> <tr> <td><code>.add-on</code></td> <td><code>.input-group-addon</code></td> </tr> <tr> <td><code>.img-polaroid</code></td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td><code>ul.unstyled</code></td> <td><code>.list-unstyled</code></td> </tr> <tr> <td><code>ul.inline</code></td> <td><code>.list-inline</code></td> </tr> <tr> <td><code>.muted</code></td> <td><code>.text-muted</code></td> </tr> <tr> <td><code>.label</code></td> <td><code>.label .label-default</code></td> </tr> <tr> <td><code>.label-important</code></td> <td><code>.label-danger</code></td> </tr> <tr> <td><code>.text-error</code></td> <td><code>.text-danger</code></td> </tr> <tr> <td><code>.table .error</code></td> <td><code>.table .danger</code></td> </tr> <tr> <td><code>.bar</code></td> <td><code>.progress-bar</code></td> </tr> <tr> <td><code>.bar-*</code></td> <td><code>.progress-bar-*</code></td> </tr> <tr> <td><code>.accordion</code></td> <td><code>.panel-group</code></td> </tr> <tr> <td><code>.accordion-group</code></td> <td><code>.panel .panel-default</code></td> </tr> <tr> <td><code>.accordion-heading</code></td> <td><code>.panel-heading</code></td> </tr> <tr> <td><code>.accordion-body</code></td> <td><code>.panel-collapse</code></td> </tr> <tr> <td><code>.accordion-inner</code></td> <td><code>.panel-body</code></td> </tr> </tbody> </table> </div> <h2 id=new>What's new</h2> <p>We've added new elements and changed some existing ones. Here are the new or updated styles.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>Panels</td> <td><code>.panel .panel-default</code> <code>.panel-body</code> <code>.panel-title</code> <code>.panel-heading</code> <code>.panel-footer</code> <code>.panel-collapse</code></td> </tr> <tr> <td>List groups</td> <td><code>.list-group</code> <code>.list-group-item</code> <code>.list-group-item-text</code> <code>.list-group-item-heading</code></td> </tr> <tr> <td>Glyphicons</td> <td><code>.glyphicon</code></td> </tr> <tr> <td>Jumbotron</td> <td><code>.jumbotron</code></td> </tr> <tr> <td>Extra small grid (&lt;768px)</td> <td><code>.col-xs-*</code></td> </tr> <tr> <td>Small grid (&ge;768px)</td> <td><code>.col-sm-*</code></td> </tr> <tr> <td>Medium grid (&ge;992px)</td> <td><code>.col-md-*</code></td> </tr> <tr> <td>Large grid (&ge;1200px)</td> <td><code>.col-lg-*</code></td> </tr> <tr> <td>Responsive utility classes (&ge;1200px)</td> <td><code>.visible-lg</code> <code>.hidden-lg</code></td> </tr> <tr> <td>Offsets</td> <td><code>.col-sm-offset-*</code> <code>.col-md-offset-*</code> <code>.col-lg-offset-*</code></td> </tr> <tr> <td>Push</td> <td><code>.col-sm-push-*</code> <code>.col-md-push-*</code> <code>.col-lg-push-*</code></td> </tr> <tr> <td>Pull</td> <td><code>.col-sm-pull-*</code> <code>.col-md-pull-*</code> <code>.col-lg-pull-*</code></td> </tr> <tr> <td>Input height sizes</td> <td><code>.input-sm</code> <code>.input-lg</code></td> </tr> <tr> <td>Input groups</td> <td><code>.input-group</code> <code>.input-group-addon</code> <code>.input-group-btn</code></td> </tr> <tr> <td>Form controls</td> <td><code>.form-control</code> <code>.form-group</code></td> </tr> <tr> <td>Button group sizes</td> <td><code>.btn-group-xs</code> <code>.btn-group-sm</code> <code>.btn-group-lg</code></td> </tr> <tr> <td>Navbar text</td> <td><code>.navbar-text</code></td> </tr> <tr> <td>Navbar header</td> <td><code>.navbar-header</code></td> </tr> <tr> <td>Justified tabs / pills</td> <td><code>.nav-justified</code></td> </tr> <tr> <td>Responsive images</td> <td><code>.img-responsive</code></td> </tr> <tr> <td>Contextual table rows</td> <td><code>.success</code> <code>.danger</code> <code>.warning</code> <code>.active</code> <code>.info</code></td> </tr> <tr> <td>Contextual panels</td> <td><code>.panel-success</code> <code>.panel-danger</code> <code>.panel-warning</code> <code>.panel-info</code></td> </tr> <tr> <td>Modal</td> <td><code>.modal-dialog</code> <code>.modal-content</code></td> </tr> <tr> <td>Thumbnail image</td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td>Well sizes</td> <td><code>.well-sm</code> <code>.well-lg</code></td> </tr> <tr> <td>Alert links</td> <td><code>.alert-link</code></td> </tr> </tbody> </table> </div> <h2 id=dropped>What's removed</h2> <p>The following elements have been dropped or changed in v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Removed from 2.x</th> <th>3.0 Equivalent</th> </tr> </thead> <tbody> <tr> <td>Form actions</td> <td><code>.form-actions</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Search form</td> <td><code>.form-search</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Form group with info</td> <td><code>.control-group.info</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fixed-width input sizes</td> <td><code>.input-mini</code> <code>.input-small</code> <code>.input-medium</code> <code>.input-large</code> <code>.input-xlarge</code> <code>.input-xxlarge</code></td> <td>Use <a href=../css/#forms-controls><code>.form-control</code></a> and <a href=../css/#grid>the grid system</a> instead.</td> </tr> <tr> <td>Block level form input</td> <td><code>.input-block-level</code></td> <td>No direct equivalent, but <a href=../css/#forms-controls>forms controls</a> are similar.</td> </tr> <tr> <td>Inverse buttons</td> <td><code>.btn-inverse</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fluid row</td> <td><code>.row-fluid</code></td> <td><code>.row</code> (no more fixed grid)</td> </tr> <tr> <td>Controls wrapper</td> <td><code>.controls</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Controls row</td> <td><code>.controls-row</code></td> <td><code>.row</code> or <code>.form-group</code></td> </tr> <tr> <td>Navbar inner</td> <td><code>.navbar-inner</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Navbar vertical dividers</td> <td><code>.navbar .divider-vertical</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Dropdown submenu</td> <td><code>.dropdown-submenu</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Tab alignments</td> <td><code>.tabs-left</code> <code>.tabs-right</code> <code>.tabs-below</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Pill-based tabbable area</td> <td><code>.pill-content</code></td> <td><code>.tab-content</code></td> </tr> <tr> <td>Pill-based tabbable area pane</td> <td><code>.pill-pane</code></td> <td><code>.tab-pane</code></td> </tr> <tr> <td>Nav lists</td> <td><code>.nav-list</code> <code>.nav-header</code></td> <td>No direct equivalent, but <a href=../components/#list-group>list groups</a> and <a href=../javascript/#collapse><code>.panel-group</code>s</a> are similar.</td> </tr> <tr> <td>Inline help for form controls</td> <td><code>.help-inline</code></td> <td>No exact equivalent, but <code>.help-block</code> is similar.</td> </tr> <tr> <td>Non-bar-level progress colors</td> <td><code>.progress-info</code> <code>.progress-success</code> <code>.progress-warning</code> <code>.progress-danger</code></td> <td>Use <code>.progress-bar-*</code> on the <code>.progress-bar</code> instead.</td> </tr> </tbody> </table> </div> <h2 id=notes>Additional notes</h2> <p>Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our <em>mobile first</em> approach. Here's a partial list:</p> <ul> <li>By default, text-based form controls now receive only minimal styling. For focus colors and rounded corners, apply the <code>.form-control</code> class on the element to style.</li> <li>Text-based form controls with the <code>.form-control</code> class applied are now 100% wide by default. Wrap inputs inside <code>&lt;div class="col-*"&gt;&lt;/div&gt;</code> to control input widths.</li> <li><code>.badge</code> no longer has contextual (-success,-primary,etc..) classes.</li> <li><code>.btn</code> must also use <code>.btn-default</code> to get the "default" button.</li> <li><code>.row</code> is now fluid.</li> <li>Images are no longer responsive by default. Use <code>.img-responsive</code> for fluid <code>&lt;img&gt;</code> size.</li> <li>The icons, now <code>.glyphicon</code>, are now font based. Icons also require a base and icon class (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</li> <li>Typeahead has been dropped, in favor of using <a href=http://twitter.github.io/typeahead.js/ >Twitter Typeahead</a>.</li> <li>Modal markup has changed significantly. The <code>.modal-header</code>, <code>.modal-body</code>, and <code>.modal-footer</code> sections are now wrapped in <code>.modal-content</code> and <code>.modal-dialog</code> for better mobile styling and behavior. Also, you should no longer apply <code>.hide</code> to <code>.modal</code> in your markup.</li> <li>As of v3.1.0, the HTML loaded by the <code>remote</code> modal option is now injected into the <code>.modal-content</code> (from v3.0.0 to v3.0.3, into the <code>.modal</code>) instead of into the <code>.modal-body</code>. This allows you to also easily vary the header and footer of the modal, not just the modal body.</li> <li>The checkbox and radio features of the button.js plugin now both use <code>data-toggle="buttons"</code> instead of <code>data-toggle="buttons-checkbox"</code> or <code>data-toggle="buttons-radio"</code> in their markup.</li> <li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc.</li> </ul> <p>For more information on upgrading to v3.0, and code snippets from the community, see <a href=http://bootply.com/ >Bootply</a>.</p> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#classes>Major class changes</a> </li> <li> <a href=#new>What's new</a> </li> <li> <a href=#dropped>What's removed</a> </li> <li> <a href=#notes>Additional notes</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo target=_blank>@mdo</a> and <a href=https://twitter.com/fat target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/master/LICENSE target=_blank rel=license>MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel=license>CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> <script>var _gauges=_gauges||[];!function(){var e=document.createElement("script");e.async=!0,e.id="gauges-tracker",e.setAttribute("data-site-id","4f0dc9fef5a1f55508000013"),e.src="//secure.gaug.es/track.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script> 
+\ No newline at end of file
author	XhmikosR <xhmikosr@gmail.com>
	Sat, 29 Dec 2018 20:10:00 +0000 (22:10 +0200)
committer	XhmikosR <xhmikosr@gmail.com>
	Mon, 31 Dec 2018 00:19:47 +0000 (02:19 +0200)
1.0.0/index.html		patch \| blob \| blame \| history
1.1.0/index.html		patch \| blob \| blame \| history
1.1.1/index.html		patch \| blob \| blame \| history
1.2.0/index.html		patch \| blob \| blame \| history
1.3.0/index.html		patch \| blob \| blame \| history
1.3.0/javascript.html		patch \| blob \| blame \| history
1.4.0/index.html		patch \| blob \| blame \| history
1.4.0/javascript.html		patch \| blob \| blame \| history
2.0.0/base-css.html		patch \| blob \| blame \| history
2.0.0/components.html		patch \| blob \| blame \| history
2.0.0/download.html		patch \| blob \| blame \| history
2.0.0/examples.html		patch \| blob \| blame \| history
2.0.0/index.html		patch \| blob \| blame \| history
2.0.0/javascript.html		patch \| blob \| blame \| history
2.0.0/less.html		patch \| blob \| blame \| history
2.0.0/scaffolding.html		patch \| blob \| blame \| history
2.0.0/upgrading.html		patch \| blob \| blame \| history
2.0.1/base-css.html		patch \| blob \| blame \| history
2.0.1/components.html		patch \| blob \| blame \| history
2.0.1/download.html		patch \| blob \| blame \| history
2.0.1/examples.html		patch \| blob \| blame \| history
2.0.1/index.html		patch \| blob \| blame \| history
2.0.1/javascript.html		patch \| blob \| blame \| history
2.0.1/less.html		patch \| blob \| blame \| history
2.0.1/scaffolding.html		patch \| blob \| blame \| history
2.0.1/upgrading.html		patch \| blob \| blame \| history
2.0.2/base-css.html		patch \| blob \| blame \| history
2.0.2/components.html		patch \| blob \| blame \| history
2.0.2/download.html		patch \| blob \| blame \| history
2.0.2/examples.html		patch \| blob \| blame \| history
2.0.2/index.html		patch \| blob \| blame \| history
2.0.2/javascript.html		patch \| blob \| blame \| history
2.0.2/less.html		patch \| blob \| blame \| history
2.0.2/scaffolding.html		patch \| blob \| blame \| history
2.0.2/upgrading.html		patch \| blob \| blame \| history
2.0.3/base-css.html		patch \| blob \| blame \| history
2.0.3/components.html		patch \| blob \| blame \| history
2.0.3/download.html		patch \| blob \| blame \| history
2.0.3/examples.html		patch \| blob \| blame \| history
2.0.3/index.html		patch \| blob \| blame \| history
2.0.3/javascript.html		patch \| blob \| blame \| history
2.0.3/less.html		patch \| blob \| blame \| history
2.0.3/scaffolding.html		patch \| blob \| blame \| history
2.0.3/upgrading.html		patch \| blob \| blame \| history
2.0.4/base-css.html		patch \| blob \| blame \| history
2.0.4/components.html		patch \| blob \| blame \| history
2.0.4/download.html		patch \| blob \| blame \| history
2.0.4/examples.html		patch \| blob \| blame \| history
2.0.4/index.html		patch \| blob \| blame \| history
2.0.4/javascript.html		patch \| blob \| blame \| history
2.0.4/less.html		patch \| blob \| blame \| history
2.0.4/scaffolding.html		patch \| blob \| blame \| history
2.0.4/upgrading.html		patch \| blob \| blame \| history
2.1.0/base-css.html		patch \| blob \| blame \| history
2.1.0/components.html		patch \| blob \| blame \| history
2.1.0/customize.html		patch \| blob \| blame \| history
2.1.0/extend.html		patch \| blob \| blame \| history
2.1.0/getting-started.html		patch \| blob \| blame \| history
2.1.0/index.html		patch \| blob \| blame \| history
2.1.0/javascript.html		patch \| blob \| blame \| history
2.1.0/scaffolding.html		patch \| blob \| blame \| history
2.1.1/base-css.html		patch \| blob \| blame \| history
2.1.1/components.html		patch \| blob \| blame \| history
2.1.1/customize.html		patch \| blob \| blame \| history
2.1.1/extend.html		patch \| blob \| blame \| history
2.1.1/getting-started.html		patch \| blob \| blame \| history
2.1.1/index.html		patch \| blob \| blame \| history
2.1.1/javascript.html		patch \| blob \| blame \| history
2.1.1/scaffolding.html		patch \| blob \| blame \| history
2.2.0/base-css.html		patch \| blob \| blame \| history
2.2.0/components.html		patch \| blob \| blame \| history
2.2.0/customize.html		patch \| blob \| blame \| history
2.2.0/extend.html		patch \| blob \| blame \| history
2.2.0/getting-started.html		patch \| blob \| blame \| history
2.2.0/index.html		patch \| blob \| blame \| history
2.2.0/javascript.html		patch \| blob \| blame \| history
2.2.0/scaffolding.html		patch \| blob \| blame \| history
2.2.1/base-css.html		patch \| blob \| blame \| history
2.2.1/components.html		patch \| blob \| blame \| history
2.2.1/customize.html		patch \| blob \| blame \| history
2.2.1/extend.html		patch \| blob \| blame \| history
2.2.1/getting-started.html		patch \| blob \| blame \| history
2.2.1/index.html		patch \| blob \| blame \| history
2.2.1/javascript.html		patch \| blob \| blame \| history
2.2.1/scaffolding.html		patch \| blob \| blame \| history
2.2.2/base-css.html		patch \| blob \| blame \| history
2.2.2/components.html		patch \| blob \| blame \| history
2.2.2/customize.html		patch \| blob \| blame \| history
2.2.2/extend.html		patch \| blob \| blame \| history
2.2.2/getting-started.html		patch \| blob \| blame \| history
2.2.2/index.html		patch \| blob \| blame \| history
2.2.2/javascript.html		patch \| blob \| blame \| history
2.2.2/scaffolding.html		patch \| blob \| blame \| history
2.3.0/base-css.html		patch \| blob \| blame \| history
2.3.0/components.html		patch \| blob \| blame \| history
2.3.0/customize.html		patch \| blob \| blame \| history
2.3.0/extend.html		patch \| blob \| blame \| history
2.3.0/getting-started.html		patch \| blob \| blame \| history
2.3.0/index.html		patch \| blob \| blame \| history
2.3.0/javascript.html		patch \| blob \| blame \| history
2.3.0/scaffolding.html		patch \| blob \| blame \| history
2.3.1/base-css.html		patch \| blob \| blame \| history
2.3.1/components.html		patch \| blob \| blame \| history
2.3.1/customize.html		patch \| blob \| blame \| history
2.3.1/extend.html		patch \| blob \| blame \| history
2.3.1/getting-started.html		patch \| blob \| blame \| history
2.3.1/index.html		patch \| blob \| blame \| history
2.3.1/javascript.html		patch \| blob \| blame \| history
2.3.1/scaffolding.html		patch \| blob \| blame \| history
2.3.2/base-css.html		patch \| blob \| blame \| history
2.3.2/components.html		patch \| blob \| blame \| history
2.3.2/customize.html		patch \| blob \| blame \| history
2.3.2/extend.html		patch \| blob \| blame \| history
2.3.2/getting-started.html		patch \| blob \| blame \| history
2.3.2/index.html		patch \| blob \| blame \| history
2.3.2/javascript.html		patch \| blob \| blame \| history
2.3.2/scaffolding.html		patch \| blob \| blame \| history
docs/3.3/about/index.html		patch \| blob \| blame \| history
docs/3.3/browser-bugs/index.html		patch \| blob \| blame \| history
docs/3.3/components/index.html		patch \| blob \| blame \| history
docs/3.3/css/index.html		patch \| blob \| blame \| history
docs/3.3/customize/index.html		patch \| blob \| blame \| history
docs/3.3/getting-started/index.html		patch \| blob \| blame \| history
docs/3.3/index.html		patch \| blob \| blame \| history
docs/3.3/javascript/index.html		patch \| blob \| blame \| history
docs/3.3/migration/index.html		patch \| blob \| blame \| history
docs/4.0/about/brand/index.html		patch \| blob \| blame \| history
docs/4.0/about/history/index.html		patch \| blob \| blame \| history
docs/4.0/about/license/index.html		patch \| blob \| blame \| history
docs/4.0/about/overview/index.html		patch \| blob \| blame \| history
docs/4.0/about/team/index.html		patch \| blob \| blame \| history
docs/4.0/about/translations/index.html		patch \| blob \| blame \| history
docs/4.0/browser-bugs/index.html		patch \| blob \| blame \| history
docs/4.0/components/alerts/index.html		patch \| blob \| blame \| history
docs/4.0/components/badge/index.html		patch \| blob \| blame \| history
docs/4.0/components/breadcrumb/index.html		patch \| blob \| blame \| history
docs/4.0/components/button-group/index.html		patch \| blob \| blame \| history
docs/4.0/components/buttons/index.html		patch \| blob \| blame \| history
docs/4.0/components/card/index.html		patch \| blob \| blame \| history
docs/4.0/components/carousel/index.html		patch \| blob \| blame \| history
docs/4.0/components/collapse/index.html		patch \| blob \| blame \| history
docs/4.0/components/dropdowns/index.html		patch \| blob \| blame \| history
docs/4.0/components/forms/index.html		patch \| blob \| blame \| history
docs/4.0/components/input-group/index.html		patch \| blob \| blame \| history
docs/4.0/components/jumbotron/index.html		patch \| blob \| blame \| history
docs/4.0/components/list-group/index.html		patch \| blob \| blame \| history
docs/4.0/components/modal/index.html		patch \| blob \| blame \| history
docs/4.0/components/navbar/index.html		patch \| blob \| blame \| history
docs/4.0/components/navs/index.html		patch \| blob \| blame \| history
docs/4.0/components/pagination/index.html		patch \| blob \| blame \| history
docs/4.0/components/popovers/index.html		patch \| blob \| blame \| history
docs/4.0/components/progress/index.html		patch \| blob \| blame \| history
docs/4.0/components/scrollspy/index.html		patch \| blob \| blame \| history
docs/4.0/components/tooltips/index.html		patch \| blob \| blame \| history
docs/4.0/content/code/index.html		patch \| blob \| blame \| history
docs/4.0/content/figures/index.html		patch \| blob \| blame \| history
docs/4.0/content/images/index.html		patch \| blob \| blame \| history
docs/4.0/content/reboot/index.html		patch \| blob \| blame \| history
docs/4.0/content/tables/index.html		patch \| blob \| blame \| history
docs/4.0/content/typography/index.html		patch \| blob \| blame \| history
docs/4.0/examples/index.html		patch \| blob \| blame \| history
docs/4.0/extend/approach/index.html		patch \| blob \| blame \| history
docs/4.0/extend/icons/index.html		patch \| blob \| blame \| history
docs/4.0/extend/index.html		patch \| blob \| blame \| history
docs/4.0/getting-started/accessibility/index.html		patch \| blob \| blame \| history
docs/4.0/getting-started/best-practices/index.html		patch \| blob \| blame \| history
docs/4.0/getting-started/browsers-devices/index.html		patch \| blob \| blame \| history
docs/4.0/getting-started/build-tools/index.html		patch \| blob \| blame \| history
docs/4.0/getting-started/contents/index.html		patch \| blob \| blame \| history
docs/4.0/getting-started/download/index.html		patch \| blob \| blame \| history
docs/4.0/getting-started/introduction/index.html		patch \| blob \| blame \| history
docs/4.0/getting-started/javascript/index.html		patch \| blob \| blame \| history
docs/4.0/getting-started/theming/index.html		patch \| blob \| blame \| history
docs/4.0/getting-started/webpack/index.html		patch \| blob \| blame \| history
docs/4.0/layout/grid/index.html		patch \| blob \| blame \| history
docs/4.0/layout/media-object/index.html		patch \| blob \| blame \| history
docs/4.0/layout/overview/index.html		patch \| blob \| blame \| history
docs/4.0/layout/utilities-for-layout/index.html		patch \| blob \| blame \| history
docs/4.0/migration/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/borders/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/clearfix/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/close-icon/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/colors/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/display/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/embed/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/flex/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/float/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/image-replacement/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/position/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/screenreaders/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/sizing/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/spacing/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/text/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/vertical-align/index.html		patch \| blob \| blame \| history
docs/4.0/utilities/visibility/index.html		patch \| blob \| blame \| history
migration/index.html		patch \| blob \| blame \| history