more nav twerks for getting started page

This commit is contained in:
Mark Otto 2013-05-09 17:32:39 -07:00
parent dbbd48f7bc
commit 562483b907
2 changed files with 25 additions and 9 deletions

View File

@ -1,4 +1,20 @@
<li><a href="#downloading">Downloading Bootstrap</a></li> <li>
<li><a href="#whats-included">What's included</a></li> <a href="#download">Download Bootstrap</a>
<li><a href="#examples">Templates and examples</a></li> <ul class="nav">
<li><a href="#customizing">Customizing Bootstrap</a></li> <li><a href="#download-options">Download options</a></li>
<li><a href="#download-cdn">Bootstrap CDN</a></li>
</ul>
</li>
<li>
<a href="#whats-included">What's included</a>
</li>
<li>
<a href="#examples">Templates and examples</a>
<ul class="nav">
<li><a href="#examples-template">HTML template</a></li>
<li><a href="#examples-list">List of examples</a></li>
</ul>
</li>
<li>
<a href="#customizing">Customizing Bootstrap</a>
</li>

View File

@ -8,9 +8,9 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex
<!-- Getting started <!-- Getting started
================================================== --> ================================================== -->
<div class="bs-docs-section" id="downloading"> <div class="bs-docs-section" id="download">
<div class="page-header"> <div class="page-header">
<h1>Downloading Bootstrap</h1> <h1>Download Bootstrap</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>
@ -39,7 +39,7 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex
<hr> <hr>
<h3 id="bootstrap-cdn">Use the Bootstrap CDN</h3> <h3 id="download-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> <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 %} {% highlight html linenos %}
<!-- Latest compiled and minified CSS --> <!-- Latest compiled and minified CSS -->
@ -90,7 +90,7 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex
</div> </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 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>
<h3>HTML template</h3> <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> <p>Copy and paste the HTML from below to get started with a bare bones Bootstrap document.</p>
{% highlight html %} {% highlight html %}
<!DOCTYPE html> <!DOCTYPE html>
@ -115,7 +115,7 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex
</html> </html>
{% endhighlight %} {% endhighlight %}
<h3>Examples</h3> <h3 id="examples-list">Examples</h3>
<div class="row bs-examples"> <div class="row bs-examples">
<div class="col col-lg-4"> <div class="col col-lg-4">
<a class="thumbnail" href="/examples/starter-template/" target="_blank"> <a class="thumbnail" href="/examples/starter-template/" target="_blank">