0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00

Redo the getting started section to mention BootstrapCDN

This commit is contained in:
Mark Otto 2013-04-26 20:51:48 -07:00
parent 57ba494409
commit aa146582d6
2 changed files with 43 additions and 20 deletions

View File

@ -13,6 +13,16 @@ body {
/* We add the padding to the body for >768px only */ /* We add the padding to the body for >768px only */
} }
hr {
margin-top: 30px;
margin-bottom: 30px;
}
.bs-docs-dl-options h4 {
margin-top: 15px;
margin-bottom: 5px;
}
.bs-docs-container, .bs-docs-container,
.bs-home-container { .bs-home-container {
padding-left: 15px; padding-left: 15px;

View File

@ -19,28 +19,41 @@ title: Bootstrap Documentation
<h1>Getting started</h1> <h1>Getting started</h1>
</div> </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> <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>
<div class="row">
<div class="col-span-6"> <h3>Download compiled CSS and JS</h3>
<h3>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, JavaScript, and fonts. No documentation or original source files are included.</p>
<p><strong>The fastest way to get started:</strong> get the compiled and minified versions of our CSS, JavaScript, and fonts. 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="assets/bootstrap.zip" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download compiled']);">Download Bootstrap</a></p>
</div> <hr>
<div class="col-span-6">
<h3>Latest source code</h3> <h3 id="download-options">More download options</h3>
<p>Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.</p> <div class="bs-docs-dl-options">
<p><a class="btn btn-large" href="https://github.com/twitter/bootstrap/zipball/master" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download source']);">Download Bootstrap source</a></p> <h4>
</div> <a href="https://github.com/twitter/bootstrap/zipball/master" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download source']);">Download latest source code</a>
<div class="col-span-6"> </h4>
<h3>Clone or fork via GitHub</h3> <p>Get the original files for all CSS and JavaScript by downloading the latest version directly from GitHub.</p>
<p>Clone the entire project or fork your own version of Bootstrap to make it your own by visiting us on GitHub.</p> <h4>
<p><a class="btn btn-large" href="https://github.com/twitter/bootstrap/" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'GitHub project']);">GitHub repository</a></p> <a href="https://github.com/twitter/bootstrap/" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'GitHub project']);">Clone or fork via GitHub</a>
</div> </h4>
<div class="col-span-6"> <p>Clone the entire project or fork your own version of Bootstrap to make it your own by visiting us on GitHub.</p>
<h3>Bower</h3> <h4>
<p>Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using <a href="http://twitter.github.com/bower">Bower</a>.</p> Install with <a href="http://twitter.github.com/bower">Bower</a>
</h4>
<p>Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using <a href="http://twitter.github.com/bower">Bower</a>.</p>
{% highlight bash %}$ bower install bootstrap{% endhighlight %} {% highlight bash %}$ bower install bootstrap{% endhighlight %}
</div>
</div> </div>
<hr>
<h3 id="bootstrap-cdn">Use the Bootstrap CDN</h3>
<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/head/css/bootstrap.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/head/js/bootstrap.min.js"></script>
{% endhighlight %}
</div> </div>
<!-- File structure <!-- File structure