Skip to content
GitLab
Commit 562483b9 authored by Mark Otto's avatar Mark Otto
Browse files

more nav twerks for getting started page

parent dbbd48f7
8 merge requests!8635ignore Gruntfile.js in jekyll,!8339Fix broken links to navbar component in docs examples,!8157Close Me: Docs "Customize and Download" button fix,!7964commit fixes #7792,!8656Added rel="stylesheet" to CDN-Examples,!8527Inner properties move 1,!8245Interactive color picker - Closed: request against wrong branch,!7865Patch 2
Hide whitespace changes
Inline Side-by-side
Showing
with 25 additions and 9 deletions
+25 -9
docs/_includes/nav-getting-started.html
+ 20
- 4
View file @ 562483b9
<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>
\ No newline at end of file <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>
\ No newline at end of file
docs/getting-started.html
+ 5
- 5
View file @ 562483b9
...@@ -8,9 +8,9 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex ...@@ -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 ...@@ -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 ...@@ -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 ...@@ -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">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment