diff options
Diffstat (limited to 'getting-started.html')
| -rw-r--r-- | getting-started.html | 45 |
1 files changed, 21 insertions, 24 deletions
diff --git a/getting-started.html b/getting-started.html index 506a472b4..78c4c8f57 100644 --- a/getting-started.html +++ b/getting-started.html @@ -8,26 +8,26 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex <!-- Getting started ================================================== --> - <div class="bs-docs-section" id="download"> + <div class="bs-docs-section"> <div class="page-header"> - <h1>Download Bootstrap</h1> + <h1 id="download">Download Bootstrap</h1> </div> <p class="lead">There are a few easy ways to quickly get started with Bootstrap, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.</p> <h3>Download compiled CSS and JS</h3> <p class="lead">The fastest way to get started is to get the compiled and minified versions of our CSS and JavaScript. No documentation or original source files are included.</p> - <p><a class="btn btn-large btn-primary" href="assets/bootstrap.zip" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download compiled']);">Download Bootstrap</a></p> + <p><a class="btn btn-large btn-primary" href="{{ site.download_dist }}" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download compiled']);">Download Bootstrap</a></p> <hr> <h3 id="download-options">More download options</h3> <div class="bs-docs-dl-options"> <h4> - <a href="https://github.com/twbs/bootstrap/zipball/master" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download source']);">Download latest source code</a> + <a href="{{ site.download }}" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download source']);">Download latest source code</a> </h4> <p>Get the original files for all CSS and JavaScript by downloading the latest version directly from GitHub.</p> <h4> - <a href="https://github.com/twbs/bootstrap/" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'GitHub project']);">Clone or fork via GitHub</a> + <a href="{{ site.repo }}" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'GitHub project']);">Clone or fork via GitHub</a> </h4> <p>Clone the entire project or fork your own version of Bootstrap to make it your own by visiting us on GitHub.</p> <h4> @@ -43,10 +43,10 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex <p>The folks over at <a href="https://www.netdna.com/">NetDNA</a> have graciously provided CDN support for Bootstrap's CSS and JavaScript. To use, swap your local instances for the <a href="http://www.bootstrapcdn.com/">Bootstrap CDN</a> links listed below.</p> {% highlight html linenos %} <!-- Latest compiled and minified CSS --> -<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> +<link href="{{ site.cdn_css }}"> <!-- Latest compiled and minified JavaScript --> -<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> +<script src="{{ site.cdn_js }}"></script> {% endhighlight %} <div class="bs-callout bs-callout-warning" id="callout-less-compilation"> @@ -59,9 +59,9 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex <!-- File structure ================================================== --> - <div class="bs-docs-section" id="whats-included"> + <div class="bs-docs-section"> <div class="page-header"> - <h1>What's included</h1> + <h1 id="whats-included">What's included</h1> </div> <p class="lead">Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.</p> <p>Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:</p> @@ -79,7 +79,7 @@ bootstrap/ <p>This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (<code>bootstrap.*</code>), as well as compiled and minified CSS and JS (<code>bootstrap.min.*</code>). The image files are compressed using <a href="http://imageoptim.com/">ImageOptim</a>, a Mac app for compressing PNGs.</p> <div class="bs-callout bs-callout-danger"> <h4>jQuery required</h4> - <p>Please note that <strong>all JavaScript plugins require jQuery</strong> to be included, as shown in the <a href="#examples">starter template</a>.</p> + <p>Please note that <strong>all JavaScript plugins require jQuery</strong> to be included, as shown in the <a href="#template">starter template</a>.</p> </div> </div> @@ -87,13 +87,12 @@ bootstrap/ <!-- Template ================================================== --> - <div class="bs-docs-section" id="template"> + <div class="bs-docs-section"> <div class="page-header"> - <h1>Basic template</h1> + <h1 id="template">Basic template</h1> </div> - <p class="lead">Make use of a super basic HTML template, or dive into a few examples we've started for you. We encourage folks to iterate on these examples and not simply use them as an end result.</p> + <p class="lead">Make use of a super basic HTML template, or dive into a <a href="{{ site.examples }}">few examples</a> we've started for you. We encourage folks to iterate on these examples and not simply use them as an end result.</p> - <h3 id="examples-template">HTML template</h3> <p>Copy and paste the HTML from below to get started with a bare bones Bootstrap document.</p> {% highlight html %} <!DOCTYPE html> @@ -118,19 +117,17 @@ bootstrap/ </html> {% endhighlight %} - <hr> - <h3>Looking for more example templates?</h3> - <p>Check out the new <a href="https://github.com/twbs/bootstrap-examples">Examples repository on GitHub</a>, or <a href="http://examples.getbootstrap.com">view them in your browser</a>. Included are over a dozen example templates for building with and extending Bootstrap.</p> + <p>Check out the new <a href="{{ site.examples_repo }}">Examples repository on GitHub</a>, or <a href="{{ site.examples }}">view them in your browser</a>. Included are over a dozen example templates for building with and extending Bootstrap.</p> </div> <!-- Browser compatibility ================================================== --> - <div class="bs-docs-section" id="browsers"> + <div class="bs-docs-section"> <div class="page-header"> - <h1>Browser compatibility</h1> + <h1 id="browsers">Browser compatibility</h1> </div> <p class="lead">Bootstrap is built to work best in the latest desktop and mobile browsers, meaning older and less advanced browsers might receive a less stylized, though fully functional, version of certain components.</p> @@ -157,9 +154,9 @@ bootstrap/ <!-- License FAQs ================================================== --> - <div class="bs-docs-section" id="license-faqs"> + <div class="bs-docs-section"> <div class="page-header"> - <h1>License FAQs</h1> + <h1 id="license-faqs">License FAQs</h1> </div> <p class="lead">Bootstrap is released under the Apache 2 license and is copyright {{ site.time | date: "%Y" }} Twitter. Boiled down to smaller chunks, it can be described with the following conditions.</p> @@ -196,15 +193,15 @@ bootstrap/ </ul> </div> </div> - <p>The full Bootstrap license is located <a href="https://github.com/twbs/bootstrap/blob/master/README.md">in the project repository</a> for more information.</p> + <p>The full Bootstrap license is located <a href="{{ site.repo }}/blob/master/README.md">in the project repository</a> for more information.</p> </div><!-- /.bs-docs-section --> - <div class="bs-docs-section" id="customizing"> + <div class="bs-docs-section"> <div class="page-header"> - <h1>Customizing Bootstrap</h1> + <h1 id="customizing">Customizing Bootstrap</h1> </div> <p class="lead">Customizing Bootstrap is best accomplished when you treat it as another dependency in your development stack. Doing so ensures future upgrades are as easy as possible while also familiarizing yourself to the intricacies of the framework.</p> |