mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-16 13:09:12 +01:00
More link fixes.
This commit is contained in:
parent
32461e52d7
commit
a14aaa9d3c
@ -58,7 +58,7 @@
|
||||
<h6>Hotlink the CSS</h6>
|
||||
<p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
|
||||
<form>
|
||||
<textarea class="copy-code" rows="1"><link type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.0.0.min.css"></textarea>
|
||||
<textarea class="copy-code" rows="1"><link type="text/css" href="https://getbootstrap.com/1.0.0/assets/css/bootstrap-1.0.0.min.css"></textarea>
|
||||
</form>
|
||||
</div>
|
||||
<div class="span5 columns">
|
||||
@ -501,7 +501,7 @@
|
||||
</table></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="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>
|
||||
<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="https://mottie.github.io/tablesorter/docs/">Tablesorter</a> plugin. <strong>Click any column's header to change the sort.</strong></p>
|
||||
<table class="zebra-striped" id="sortTableExample">
|
||||
<thead>
|
||||
<tr>
|
||||
@ -1149,7 +1149,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span4 columns">
|
||||
<p>Bootstrap was built with <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Bootstrap was built with <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org/" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.</p>
|
||||
</div>
|
||||
<div class="span12 columns">
|
||||
@ -1158,7 +1158,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
<pre class="prettyprint linenums">
|
||||
<link rel="stylesheet/less" type="text/css" href="less/bootstrap.less" media="all" />
|
||||
<script type="text/javascript" src="js/less-1.0.41.min.js"></script></pre>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/#-client-side-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less/" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/usage/#command-line-usage-command-line-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
|
||||
<h2>What's included</h2>
|
||||
<p>Here are some of the highlights of what's included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.</p>
|
||||
|
@ -87,7 +87,7 @@
|
||||
<h6>Hotlink the CSS</h6>
|
||||
<p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
|
||||
<form>
|
||||
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.1.0.min.css"></textarea>
|
||||
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="https://getbootstrap.com/1.1.0/assets/css/bootstrap-1.1.0.min.css"></textarea>
|
||||
</form>
|
||||
</div>
|
||||
<div class="span5 columns">
|
||||
@ -561,7 +561,7 @@
|
||||
...
|
||||
</table></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="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>
|
||||
<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="https://mottie.github.io/tablesorter/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
|
||||
<table class="zebra-striped" id="sortTableExample">
|
||||
<thead>
|
||||
<tr>
|
||||
@ -1229,7 +1229,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span4 columns">
|
||||
<p>Bootstrap was built with <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Bootstrap was built with <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org/" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.</p>
|
||||
</div>
|
||||
<div class="span12 columns">
|
||||
@ -1238,7 +1238,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
<pre class="prettyprint linenums">
|
||||
<link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
|
||||
<script src="js/less-1.0.41.min.js"></script></pre>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/#-client-side-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less/" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/usage/#command-line-usage-command-line-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
|
||||
<h2>What’s included</h2>
|
||||
<p>Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.</p>
|
||||
|
@ -87,7 +87,7 @@
|
||||
<h6>Hotlink the CSS</h6>
|
||||
<p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
|
||||
<form>
|
||||
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.1.1.min.css"></textarea>
|
||||
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="https://getbootstrap.com/1.1.1/assets/css/bootstrap-1.1.1.min.css"></textarea>
|
||||
</form>
|
||||
</div>
|
||||
<div class="span5 columns">
|
||||
@ -555,7 +555,7 @@
|
||||
...
|
||||
</table></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="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>
|
||||
<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="https://mottie.github.io/tablesorter/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
|
||||
<table class="zebra-striped" id="sortTableExample">
|
||||
<thead>
|
||||
<tr>
|
||||
@ -1238,7 +1238,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span4 columns">
|
||||
<p>Bootstrap was built with <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Bootstrap was built with <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org/" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.</p>
|
||||
</div>
|
||||
<div class="span12 columns">
|
||||
@ -1247,7 +1247,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
<pre class="prettyprint linenums">
|
||||
<link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
|
||||
<script src="js/less-1.1.3.min.js"></script></pre>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/#-client-side-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less/" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/usage/#command-line-usage-command-line-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
|
||||
<h2>What’s included</h2>
|
||||
<p>Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.</p>
|
||||
|
@ -87,7 +87,7 @@
|
||||
<h6>Hotlink the CSS</h6>
|
||||
<p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
|
||||
<form>
|
||||
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.2.0.min.css"></textarea>
|
||||
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="https://getbootstrap.com/1.2.0/assets/css/bootstrap-1.2.0.min.css"></textarea>
|
||||
</form>
|
||||
</div>
|
||||
<div class="span5 columns">
|
||||
@ -567,7 +567,7 @@
|
||||
...
|
||||
</table></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="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>
|
||||
<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="https://mottie.github.io/tablesorter/docs/">Tablesorter</a> plugin. <strong>Click any column’s header to change the sort.</strong></p>
|
||||
<table class="zebra-striped" id="sortTableExample">
|
||||
<thead>
|
||||
<tr>
|
||||
@ -1263,7 +1263,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span4 columns">
|
||||
<p>Bootstrap was built with <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Bootstrap was built with <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org/" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.</p>
|
||||
</div>
|
||||
<div class="span12 columns">
|
||||
@ -1272,7 +1272,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
<pre class="prettyprint linenums">
|
||||
<link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
|
||||
<script src="js/less-1.1.3.min.js"></script></pre>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/#-client-side-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less/" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/usage/#command-line-usage-command-line-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
|
||||
<h2>What’s included</h2>
|
||||
<p>Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.</p>
|
||||
|
@ -93,7 +93,7 @@
|
||||
<h6>Hotlink the CSS</h6>
|
||||
<p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
|
||||
<form>
|
||||
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.min.css"></textarea>
|
||||
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="https://getbootstrap.com/1.3.0/assets/css/bootstrap.min.css"></textarea>
|
||||
</form>
|
||||
</div>
|
||||
<div class="span5">
|
||||
@ -650,7 +650,7 @@
|
||||
<h1>Heading</h1>
|
||||
<p>Something right here...</p>
|
||||
</div></pre>
|
||||
<p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
<p><a href="https://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -922,7 +922,7 @@
|
||||
...
|
||||
</table></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="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>
|
||||
<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="https://mottie.github.io/tablesorter/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="https://jquery.com/" rel="noopener" target="_blank">jQuery</a> and <a href="http://ender.no.de" rel="noopener" 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/" rel="noopener" target="_blank">jQuery</a> and <a href="https://github.com/ender-js/Ender" rel="noopener" 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>
|
||||
@ -1769,7 +1769,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<p>Bootstrap was built with <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Bootstrap was built with <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org/" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.</p>
|
||||
</div>
|
||||
<div class="span12">
|
||||
@ -1778,7 +1778,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
<pre class="prettyprint linenums">
|
||||
<link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
|
||||
<script src="js/less-1.1.3.min.js"></script></pre>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/#-client-side-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less/" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/usage/#command-line-usage-command-line-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
|
||||
<h2>What’s included</h2>
|
||||
<p>Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.</p>
|
||||
|
@ -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="https://jquery.com/" rel="noopener" target="_blank">jQuery</a> and <a href="http://ender.no.de" rel="noopener" target="_blank">Ender</a>.
|
||||
Bring Bootstrap's components to life with new, custom plugins that work with <a href="https://jquery.com/" rel="noopener" target="_blank">jQuery</a> and <a href="https://github.com/ender-js/Ender" rel="noopener" target="_blank">Ender</a>.
|
||||
</p>
|
||||
<p><a href="./index.html">← Back to Bootstrap home</a></p>
|
||||
</div><!-- /container -->
|
||||
|
@ -83,7 +83,7 @@
|
||||
<h6>Hotlink the CSS</h6>
|
||||
<p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
|
||||
<form>
|
||||
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.min.css"></textarea>
|
||||
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="https://getbootstrap.com/1.4.0/assets/css/bootstrap.min.css"></textarea>
|
||||
</form>
|
||||
</div>
|
||||
<div class="span5">
|
||||
@ -640,7 +640,7 @@
|
||||
<h1>Heading</h1>
|
||||
<p>Something right here...</p>
|
||||
</div></pre>
|
||||
<p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
<p><a href="https://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -994,7 +994,7 @@
|
||||
...
|
||||
</table></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="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>
|
||||
<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="https://mottie.github.io/tablesorter/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="https://jquery.com/" rel="noopener" target="_blank">jQuery</a> and <a href="http://ender.no.de" rel="noopener" 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/" rel="noopener" target="_blank">jQuery</a> and <a href="https://github.com/ender-js/Ender" rel="noopener" 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>
|
||||
@ -1863,7 +1863,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<p>Bootstrap was built from <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Bootstrap was built from <a href="http://markdotto.com/bootstrap/">Preboot</a>, an open-source pack of mixins and variables to be used in conjunction with <a href="http://lesscss.org/" rel="noopener" target="_blank">Less</a>, a CSS preprocessor for faster and easier web development.</p>
|
||||
<p>Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.</p>
|
||||
</div>
|
||||
<div class="span12">
|
||||
@ -1872,7 +1872,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
|
||||
<pre class="prettyprint linenums">
|
||||
<link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
|
||||
<script src="js/less-1.1.3.min.js"></script></pre>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/#-client-side-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
<p>Not feeling the .js solution? <a href="http://incident57.com/less/" rel="noopener" target="_blank">Try the Less Mac app</a> or <a href="http://lesscss.org/usage/#command-line-usage-command-line-usage" rel="noopener" target="_blank">use Node.js</a> to compile when you deploy your code.</p>
|
||||
|
||||
<h2>What’s included</h2>
|
||||
<p>Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.</p>
|
||||
|
@ -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="https://jquery.com/" rel="noopener" target="_blank">jQuery</a> and <a href="http://ender.no.de" rel="noopener" target="_blank">Ender</a>.
|
||||
Bring Bootstrap's components to life with new, custom plugins that work with <a href="https://jquery.com/" rel="noopener" target="_blank">jQuery</a> and <a href="https://github.com/ender-js/Ender" rel="noopener" target="_blank">Ender</a>.
|
||||
</p>
|
||||
<p><a href="./index.html">← Back to Bootstrap home</a></p>
|
||||
</div><!-- /container -->
|
||||
|
@ -407,7 +407,7 @@ For example, <code>section</code> should be wrapped as inline.
|
||||
&lt;p&gt;Sample text here...&lt;/p&gt;
|
||||
</pre>
|
||||
</pre>
|
||||
<p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
<p><a href="https://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
</section>
|
||||
|
@ -190,7 +190,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.</p>
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span4">
|
||||
<a class="thumbnail" href="http://kippt.com/" rel="noopener" target="_blank">
|
||||
@ -198,7 +198,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span4">
|
||||
<a class="thumbnail" href="http://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/fleetio.png" alt="Fleetio">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -87,7 +87,7 @@
|
||||
================================================== -->
|
||||
<header class="jumbotron subhead" id="overview">
|
||||
<h1>Using LESS with Bootstrap</h1>
|
||||
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org" rel="noopener" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
|
||||
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org/" rel="noopener" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
|
||||
<div class="subnav">
|
||||
<ul class="nav nav-pills">
|
||||
<li><a href="#builtWith">Built with Less</a></li>
|
||||
@ -118,7 +118,7 @@
|
||||
<div class="span4">
|
||||
<h3>Learn more</h3>
|
||||
<img style="float: right; height: 36px;" src="assets/img/less-logo-large.png" alt="LESS CSS">
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
@ -408,7 +408,7 @@ For example, <code>section</code> should be wrapped as inline.
|
||||
&lt;p&gt;Sample text here...&lt;/p&gt;
|
||||
</pre>
|
||||
</pre>
|
||||
<p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
<p><a href="https://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
</section>
|
||||
|
@ -198,7 +198,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.</p>
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span4">
|
||||
<a class="thumbnail" href="http://kippt.com/" rel="noopener" target="_blank">
|
||||
@ -206,7 +206,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span4">
|
||||
<a class="thumbnail" href="http://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/fleetio.png" alt="Fleetio">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -87,7 +87,7 @@
|
||||
================================================== -->
|
||||
<header class="jumbotron subhead" id="overview">
|
||||
<h1>Using LESS with Bootstrap</h1>
|
||||
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org" rel="noopener" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
|
||||
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org/" rel="noopener" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
|
||||
<div class="subnav">
|
||||
<ul class="nav nav-pills">
|
||||
<li><a href="#builtWith">Built with Less</a></li>
|
||||
@ -118,7 +118,7 @@
|
||||
<div class="span4">
|
||||
<h3>Learn more</h3>
|
||||
<img style="float: right; height: 36px;" src="assets/img/less-logo-large.png" alt="LESS CSS">
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
@ -426,7 +426,7 @@ For example, <code>section</code> should be wrapped as inline.
|
||||
&lt;p&gt;Sample text here...&lt;/p&gt;
|
||||
</pre>
|
||||
</pre>
|
||||
<p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
<p><a href="https://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
</section>
|
||||
|
@ -201,7 +201,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.</p>
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
<a class="thumbnail">
|
||||
@ -214,7 +214,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/fleetio.png" alt="Fleetio">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -87,7 +87,7 @@
|
||||
================================================== -->
|
||||
<header class="jumbotron subhead" id="overview">
|
||||
<h1>Using LESS with Bootstrap</h1>
|
||||
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org" rel="noopener" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
|
||||
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org/" rel="noopener" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
|
||||
<div class="subnav">
|
||||
<ul class="nav nav-pills">
|
||||
<li><a href="#builtWith">Built with Less</a></li>
|
||||
@ -118,7 +118,7 @@
|
||||
<div class="span4">
|
||||
<h3>Learn more</h3>
|
||||
<img style="float: right; height: 36px;" src="assets/img/less-logo-large.png" alt="LESS CSS">
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
@ -434,7 +434,7 @@ For example, <code>section</code> should be wrapped as inline.
|
||||
&lt;p&gt;Sample text here...&lt;/p&gt;
|
||||
</pre>
|
||||
</pre>
|
||||
<p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
<p><a href="https://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
</section>
|
||||
|
@ -203,7 +203,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.</p>
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
<a class="thumbnail">
|
||||
@ -216,7 +216,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/fleetio.png" alt="Fleetio">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -88,7 +88,7 @@
|
||||
================================================== -->
|
||||
<header class="jumbotron subhead" id="overview">
|
||||
<h1>Using LESS with Bootstrap</h1>
|
||||
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org" rel="noopener" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
|
||||
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org/" rel="noopener" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
|
||||
<div class="subnav">
|
||||
<ul class="nav nav-pills">
|
||||
<li><a href="#builtWith">Built with Less</a></li>
|
||||
@ -119,7 +119,7 @@
|
||||
<div class="span4">
|
||||
<h3>Learn more</h3>
|
||||
<img style="float: right; height: 36px;" src="assets/img/less-logo-large.png" alt="LESS CSS">
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
@ -436,7 +436,7 @@ For example, <code>section</code> should be wrapped as inline.
|
||||
&lt;p&gt;Sample text here...&lt;/p&gt;
|
||||
</pre>
|
||||
</pre>
|
||||
<p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
<p><a href="https://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for how to use</a>.</p>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
</section>
|
||||
|
@ -203,7 +203,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./examples.html">browse the examples</a>.</p>
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
<a class="thumbnail">
|
||||
@ -216,7 +216,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/fleetio.png" alt="Fleetio">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -88,7 +88,7 @@
|
||||
================================================== -->
|
||||
<header class="jumbotron subhead" id="overview">
|
||||
<h1>Using LESS with Bootstrap</h1>
|
||||
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org" rel="noopener" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
|
||||
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org/" rel="noopener" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
|
||||
<div class="subnav">
|
||||
<ul class="nav nav-pills">
|
||||
<li><a href="#builtWith">Built with Less</a></li>
|
||||
@ -119,7 +119,7 @@
|
||||
<div class="span4">
|
||||
<h3>Learn more</h3>
|
||||
<img style="float: right; height: 36px;" src="assets/img/less-logo-large.png" alt="LESS CSS">
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
@ -125,7 +125,7 @@
|
||||
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
|
||||
|
||||
<h3>Learn more</h3>
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</section>
|
||||
|
||||
|
||||
|
@ -113,7 +113,7 @@
|
||||
<div class="page-header">
|
||||
<h1>1. Download</h1>
|
||||
</div>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with our the compiled Bootstrap files.</p>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="https://www.sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with our the compiled Bootstrap files.</p>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
@ -166,13 +166,13 @@
|
||||
<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>
|
||||
<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="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
|
||||
<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="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>
|
||||
<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="http://twitter.github.com/bootstrap/javascript.html">Javascript plugins</a></h4>
|
||||
<h4><a href="./javascript.html">Javascript plugins</a></h4>
|
||||
<p>Similar to Components, these Javascript plugins are interactive components for things like tooltips, popovers, modals, and more.</p>
|
||||
|
||||
<h2>List of components</h2>
|
||||
|
@ -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="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>
|
||||
<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="https://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">
|
||||
@ -138,7 +138,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<div class="row-fluid">
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
@ -152,7 +152,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/fleetio.png" alt="Fleetio">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -406,7 +406,7 @@ $('#myModal').on('hidden', function () {
|
||||
<li class="dropdown">
|
||||
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
|
||||
<li><a tabindex="-1" href="http://google.com">Action</a></li>
|
||||
<li><a tabindex="-1" href="https://www.google.com/">Action</a></li>
|
||||
<li><a tabindex="-1" href="#anotherAction">Another action</a></li>
|
||||
<li><a tabindex="-1" href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
|
@ -125,7 +125,7 @@
|
||||
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
|
||||
|
||||
<h3>Learn more</h3>
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</section>
|
||||
|
||||
|
||||
|
@ -113,7 +113,7 @@
|
||||
<div class="page-header">
|
||||
<h1>1. Download</h1>
|
||||
</div>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="https://www.sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
@ -167,13 +167,13 @@
|
||||
<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>
|
||||
<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="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
|
||||
<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="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>
|
||||
<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="http://twitter.github.com/bootstrap/javascript.html">Javascript plugins</a></h4>
|
||||
<h4><a href="./javascript.html">Javascript plugins</a></h4>
|
||||
<p>Similar to Components, these Javascript plugins are interactive components for things like tooltips, popovers, modals, and more.</p>
|
||||
|
||||
<h2>List of components</h2>
|
||||
@ -218,7 +218,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-latest.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</pre>
|
||||
@ -233,7 +233,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -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="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>
|
||||
<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="https://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">
|
||||
@ -138,7 +138,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<div class="row-fluid">
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
@ -152,7 +152,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://www.fleetio.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/fleetio.png" alt="Fleetio">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -406,7 +406,7 @@ $('#myModal').on('hidden', function () {
|
||||
<li class="dropdown">
|
||||
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
|
||||
<li><a tabindex="-1" href="http://google.com">Action</a></li>
|
||||
<li><a tabindex="-1" href="https://www.google.com/">Action</a></li>
|
||||
<li><a tabindex="-1" href="#anotherAction">Another action</a></li>
|
||||
<li><a tabindex="-1" href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
|
@ -281,7 +281,7 @@
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
|
||||
<!-- Read about Bootstrap dropdowns at https://getbootstrap.com/2.2.0/javascript.html#dropdowns -->
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
|
@ -97,7 +97,7 @@
|
||||
|
||||
<div id="footer">
|
||||
<div class="container">
|
||||
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
|
||||
<p class="muted credit">Example courtesy <a href="https://martinbean.co.uk/">Martin Bean</a> and <a href="https://ryanfait.com/">Ryan Fait</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -125,7 +125,7 @@
|
||||
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
|
||||
|
||||
<h3>Learn more</h3>
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</section>
|
||||
|
||||
|
||||
|
@ -113,7 +113,7 @@
|
||||
<div class="page-header">
|
||||
<h1>1. Download</h1>
|
||||
</div>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="https://www.sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
@ -166,13 +166,13 @@
|
||||
<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>
|
||||
<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="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
|
||||
<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="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>
|
||||
<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="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
|
||||
<h4><a href="./javascript.html">JavaScript plugins</a></h4>
|
||||
<p>Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.</p>
|
||||
|
||||
<h2>List of components</h2>
|
||||
@ -217,7 +217,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-latest.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</pre>
|
||||
@ -232,7 +232,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -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="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>
|
||||
<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="https://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">
|
||||
@ -149,7 +149,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<div class="row-fluid">
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
@ -163,7 +163,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.gathercontent.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://gathercontent.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -406,7 +406,7 @@ $('#myModal').on('hidden', function () {
|
||||
<li class="dropdown">
|
||||
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
|
||||
<li><a tabindex="-1" href="http://google.com">Action</a></li>
|
||||
<li><a tabindex="-1" href="https://www.google.com/">Action</a></li>
|
||||
<li><a tabindex="-1" href="#anotherAction">Another action</a></li>
|
||||
<li><a tabindex="-1" href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
|
@ -281,7 +281,7 @@
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
|
||||
<!-- Read about Bootstrap dropdowns at https://getbootstrap.com/2.2.1/javascript.html#dropdowns -->
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
|
@ -97,7 +97,7 @@
|
||||
|
||||
<div id="footer">
|
||||
<div class="container">
|
||||
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
|
||||
<p class="muted credit">Example courtesy <a href="https://martinbean.co.uk/">Martin Bean</a> and <a href="https://ryanfait.com/">Ryan Fait</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -125,7 +125,7 @@
|
||||
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
|
||||
|
||||
<h3>Learn more</h3>
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</section>
|
||||
|
||||
|
||||
|
@ -113,7 +113,7 @@
|
||||
<div class="page-header">
|
||||
<h1>1. Download</h1>
|
||||
</div>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="https://www.sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
@ -166,13 +166,13 @@
|
||||
<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>
|
||||
<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="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
|
||||
<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="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>
|
||||
<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="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
|
||||
<h4><a href="./javascript.html">JavaScript plugins</a></h4>
|
||||
<p>Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.</p>
|
||||
|
||||
<h2>List of components</h2>
|
||||
@ -217,7 +217,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-latest.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</pre>
|
||||
@ -232,7 +232,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -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="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>
|
||||
<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="https://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">
|
||||
@ -149,7 +149,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<div class="row-fluid">
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
@ -163,7 +163,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.gathercontent.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://gathercontent.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -406,7 +406,7 @@ $('#myModal').on('hidden', function () {
|
||||
<li class="dropdown">
|
||||
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
|
||||
<li><a tabindex="-1" href="http://google.com">Action</a></li>
|
||||
<li><a tabindex="-1" href="https://www.google.com/">Action</a></li>
|
||||
<li><a tabindex="-1" href="#anotherAction">Another action</a></li>
|
||||
<li><a tabindex="-1" href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
|
@ -290,7 +290,7 @@
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
|
||||
<!-- Read about Bootstrap dropdowns at https://getbootstrap.com/2.2.2/javascript.html#dropdowns -->
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
|
@ -97,7 +97,7 @@
|
||||
|
||||
<div id="footer">
|
||||
<div class="container">
|
||||
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
|
||||
<p class="muted credit">Example courtesy <a href="https://martinbean.co.uk/">Martin Bean</a> and <a href="https://ryanfait.com/">Ryan Fait</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -125,7 +125,7 @@
|
||||
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
|
||||
|
||||
<h3>Learn more</h3>
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</section>
|
||||
|
||||
|
||||
|
@ -113,7 +113,7 @@
|
||||
<div class="page-header">
|
||||
<h1>1. Download</h1>
|
||||
</div>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="https://www.sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
@ -166,13 +166,13 @@
|
||||
<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>
|
||||
<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="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
|
||||
<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="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>
|
||||
<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="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
|
||||
<h4><a href="./javascript.html">JavaScript plugins</a></h4>
|
||||
<p>Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.</p>
|
||||
|
||||
<h2>List of components</h2>
|
||||
@ -217,7 +217,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-latest.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</pre>
|
||||
@ -232,7 +232,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-latest.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -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="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>
|
||||
<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="https://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">
|
||||
@ -149,7 +149,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<div class="row-fluid">
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
@ -163,7 +163,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.gathercontent.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://gathercontent.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -414,7 +414,7 @@ $('#myModal').on('hidden', function () {
|
||||
<li class="dropdown">
|
||||
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
|
||||
<li><a tabindex="-1" href="http://google.com">Action</a></li>
|
||||
<li><a tabindex="-1" href="https://www.google.com/">Action</a></li>
|
||||
<li><a tabindex="-1" href="#anotherAction">Another action</a></li>
|
||||
<li><a tabindex="-1" href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
|
@ -291,7 +291,7 @@
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
|
||||
<!-- Read about Bootstrap dropdowns at https://getbootstrap.com/2.3.0/javascript.html#dropdowns -->
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
|
@ -134,7 +134,7 @@
|
||||
|
||||
<div id="footer">
|
||||
<div class="container">
|
||||
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
|
||||
<p class="muted credit">Example courtesy <a href="https://martinbean.co.uk/">Martin Bean</a> and <a href="https://ryanfait.com/">Ryan Fait</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -98,7 +98,7 @@
|
||||
|
||||
<div id="footer">
|
||||
<div class="container">
|
||||
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
|
||||
<p class="muted credit">Example courtesy <a href="https://martinbean.co.uk/">Martin Bean</a> and <a href="https://ryanfait.com/">Ryan Fait</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -125,7 +125,7 @@
|
||||
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
|
||||
|
||||
<h3>Learn more</h3>
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</section>
|
||||
|
||||
|
||||
|
@ -113,7 +113,7 @@
|
||||
<div class="page-header">
|
||||
<h1>1. Download</h1>
|
||||
</div>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="https://www.sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
@ -166,13 +166,13 @@
|
||||
<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>
|
||||
<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="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
|
||||
<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="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>
|
||||
<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="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
|
||||
<h4><a href="./javascript.html">JavaScript plugins</a></h4>
|
||||
<p>Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.</p>
|
||||
|
||||
<h2>List of components</h2>
|
||||
@ -218,7 +218,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery.js"></script>
|
||||
<script src="https://code.jquery.com/jquery.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</pre>
|
||||
@ -234,7 +234,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery.js"></script>
|
||||
<script src="https://code.jquery.com/jquery.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -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="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>
|
||||
<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="https://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">
|
||||
@ -149,7 +149,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<div class="row-fluid">
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
@ -163,7 +163,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.gathercontent.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://gathercontent.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -414,7 +414,7 @@ $('#myModal').on('hidden', function () {
|
||||
<li class="dropdown">
|
||||
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.google.com/">Action</a></li>
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
|
||||
<li role="presentation" class="divider"></li>
|
||||
|
@ -291,7 +291,7 @@
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
|
||||
<!-- Read about Bootstrap dropdowns at https://getbootstrap.com/2.3.1/javascript.html#dropdowns -->
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
|
@ -134,7 +134,7 @@
|
||||
|
||||
<div id="footer">
|
||||
<div class="container">
|
||||
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
|
||||
<p class="muted credit">Example courtesy <a href="https://martinbean.co.uk/">Martin Bean</a> and <a href="https://ryanfait.com/">Ryan Fait</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -98,7 +98,7 @@
|
||||
|
||||
<div id="footer">
|
||||
<div class="container">
|
||||
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
|
||||
<p class="muted credit">Example courtesy <a href="https://martinbean.co.uk/">Martin Bean</a> and <a href="https://ryanfait.com/">Ryan Fait</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -124,7 +124,7 @@
|
||||
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
|
||||
|
||||
<h3>Learn more</h3>
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</section>
|
||||
|
||||
|
||||
|
@ -113,7 +113,7 @@
|
||||
<div class="page-header">
|
||||
<h1>1. Download</h1>
|
||||
</div>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="https://www.sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
@ -166,13 +166,13 @@
|
||||
<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>
|
||||
<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="http://twitter.github.com/bootstrap/base-css.html">Base CSS</a></h4>
|
||||
<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="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>
|
||||
<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="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
|
||||
<h4><a href="./javascript.html">JavaScript plugins</a></h4>
|
||||
<p>Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.</p>
|
||||
|
||||
<h2>List of components</h2>
|
||||
@ -218,7 +218,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery.js"></script>
|
||||
<script src="https://code.jquery.com/jquery.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</pre>
|
||||
@ -234,7 +234,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery.js"></script>
|
||||
<script src="https://code.jquery.com/jquery.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -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="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>
|
||||
<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="https://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">
|
||||
@ -149,7 +149,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<div class="row-fluid">
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
@ -163,7 +163,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.gathercontent.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://gathercontent.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -414,7 +414,7 @@ $('#myModal').on('hidden', function () {
|
||||
<li class="dropdown">
|
||||
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.google.com/">Action</a></li>
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
|
||||
<li role="presentation" class="divider"></li>
|
||||
|
@ -291,7 +291,7 @@
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<!-- Read about Bootstrap dropdowns at http://twbs.github.com/bootstrap/javascript.html#dropdowns -->
|
||||
<!-- Read about Bootstrap dropdowns at https://getbootstrap.com/2.3.2/javascript.html#dropdowns -->
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
|
@ -134,7 +134,7 @@
|
||||
|
||||
<div id="footer">
|
||||
<div class="container">
|
||||
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
|
||||
<p class="muted credit">Example courtesy <a href="https://martinbean.co.uk/">Martin Bean</a> and <a href="https://ryanfait.com/">Ryan Fait</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -98,7 +98,7 @@
|
||||
|
||||
<div id="footer">
|
||||
<div class="container">
|
||||
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
|
||||
<p class="muted credit">Example courtesy <a href="https://martinbean.co.uk/">Martin Bean</a> and <a href="https://ryanfait.com/">Ryan Fait</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -128,7 +128,7 @@
|
||||
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
|
||||
|
||||
<h3>Learn more</h3>
|
||||
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
|
||||
<p>Visit the official website at <a href="http://lesscss.org/">http://lesscss.org/</a> to learn more.</p>
|
||||
</section>
|
||||
|
||||
|
||||
|
@ -117,7 +117,7 @@
|
||||
<div class="page-header">
|
||||
<h1>1. Download</h1>
|
||||
</div>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
<p class="lead">Before downloading, be sure to have a code editor (we recommend <a href="https://www.sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
@ -222,7 +222,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery.js"></script>
|
||||
<script src="https://code.jquery.com/jquery.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</pre>
|
||||
@ -238,7 +238,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
<script src="http://code.jquery.com/jquery.js"></script>
|
||||
<script src="https://code.jquery.com/jquery.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -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="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>
|
||||
<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="https://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">
|
||||
@ -154,7 +154,7 @@
|
||||
<hr class="soften">
|
||||
|
||||
<h1>Built with Bootstrap.</h1>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="http://builtwithbootstrap.tumblr.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<p class="marketing-byline">For even more sites built with Bootstrap, <a href="https://builtwithbootstrap.com/" rel="noopener" target="_blank">visit the unofficial Tumblr</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
|
||||
<div class="row-fluid">
|
||||
<ul class="thumbnails example-sites">
|
||||
<li class="span3">
|
||||
@ -168,7 +168,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<a class="thumbnail" href="http://www.gathercontent.com/" rel="noopener" target="_blank">
|
||||
<a class="thumbnail" href="https://gathercontent.com/" rel="noopener" target="_blank">
|
||||
<img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
|
||||
</a>
|
||||
</li>
|
||||
|
@ -417,7 +417,7 @@ $('#myModal').on('hidden', function () {
|
||||
<li class="dropdown">
|
||||
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://www.google.com/">Action</a></li>
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
|
||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
|
||||
<li role="presentation" class="divider"></li>
|
||||
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -155,7 +155,7 @@
|
||||
...
|
||||
<span class=nt></ul></span>
|
||||
<span class=nt></div></span></code></pre></figure> <p>To keep URLs intact with link buttons, use the <code>data-target</code> attribute instead of <code>href="#"</code>.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt><div</span> <span class=na>class=</span><span class=s>"dropdown"</span><span class=nt>></span>
|
||||
<span class=nt><a</span> <span class=na>id=</span><span class=s>"dLabel"</span> <span class=na>data-target=</span><span class=s>"#"</span> <span class=na>href=</span><span class=s>"http://example.com"</span> <span class=na>data-toggle=</span><span class=s>"dropdown"</span> <span class=na>role=</span><span class=s>"button"</span> <span class=na>aria-haspopup=</span><span class=s>"true"</span> <span class=na>aria-expanded=</span><span class=s>"false"</span><span class=nt>></span>
|
||||
<span class=nt><a</span> <span class=na>id=</span><span class=s>"dLabel"</span> <span class=na>data-target=</span><span class=s>"#"</span> <span class=na>href=</span><span class=s>"http://example.com/"</span> <span class=na>data-toggle=</span><span class=s>"dropdown"</span> <span class=na>role=</span><span class=s>"button"</span> <span class=na>aria-haspopup=</span><span class=s>"true"</span> <span class=na>aria-expanded=</span><span class=s>"false"</span><span class=nt>></span>
|
||||
Dropdown trigger
|
||||
<span class=nt><span</span> <span class=na>class=</span><span class=s>"caret"</span><span class=nt>></span></span>
|
||||
<span class=nt></a></span>
|
||||
|
Loading…
x
Reference in New Issue
Block a user