diff options
Diffstat (limited to 'docs/getting-started.html')
| -rw-r--r-- | docs/getting-started.html | 106 |
1 files changed, 8 insertions, 98 deletions
diff --git a/docs/getting-started.html b/docs/getting-started.html index 3efd00c1d..9f824ab6f 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -81,6 +81,7 @@ bootstrap/ </div> </div> + <!-- Browser compatibility ================================================== --> <div class="bs-docs-section" id="browsers"> @@ -104,11 +105,11 @@ bootstrap/ <p>Bootstrap is not supported in the old Internet Explorer compatibility modes. To be sure you're using the latest rendering mode for IE, consider including <code><meta http-equiv="X-UA-Compatible" content="IE=edge"></code> in your pages. See <a href="http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge">this StackOverflow question</a> for more information.</p> </div> - <!-- Examples + <!-- Template ================================================== --> - <div class="bs-docs-section" id="examples"> + <div class="bs-docs-section" id="template"> <div class="page-header"> - <h1>Templates and examples</h1> + <h1>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> @@ -137,101 +138,10 @@ bootstrap/ </html> {% endhighlight %} - <h3 id="examples-list">Examples</h3> - <div class="bs-examples"> - <div class="row"> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/starter-template/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-starter.png" alt=""> - </a> - <h4>Starter template</h4> - <p>A barebones HTML page with Bootstrap's CSS and JavaScript included.</p> - </div> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/grid/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-grid.png" alt=""> - </a> - <h4>Basic grid layouts</h4> - <p>Simple grid layouts to familiarize you with using the Bootstrap grid system.</p> - </div> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/jumbotron/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-marketing.png" alt=""> - </a> - <h4>Basic marketing site</h4> - <p>Features a jumbotron for primary message and three supporting elements.</p> - </div> - </div> - <div class="row"> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/jumbotron-narrow/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-jumbotron-narrow.png" alt=""> - </a> - <h4>Narrow marketing</h4> - <p>Slim, lightweight marketing template for small projects or teams.</p> - </div> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/justified-nav/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-justified-nav.png" alt=""> - </a> - <h4>Justified nav</h4> - <p>Marketing page with equal-width navigation links in a modified navbar.</p> - </div> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/signin/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-signin.png" alt=""> - </a> - <h4>Sign in</h4> - <p>Barebones sign in form with custom, larger form controls and a flexible layout.</p> - </div> - </div> - <div class="row"> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/sticky-footer/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-sticky-footer.png" alt=""> - </a> - <h4>Sticky footer</h4> - <p>Pin a fixed-height footer to the bottom of the user's viewport.</p> - </div> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/sticky-footer-navbar/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-sticky-footer-navbar.png" alt=""> - </a> - <h4>Sticky footer w/ navbar</h4> - <p>Add a fixed navbar to the default sticky footer template.</p> - </div> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/carousel/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-carousel.png" alt=""> - </a> - <h4>Carousel jumbotron</h4> - <p>An interactive riff on the basic marketing site featuring a prominent carousel.</p> - </div> - </div> - <div class="row"> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/navbar/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-navbar.png" alt=""> - </a> - <h4>Navbar</h4> - <p>Basic template for showcasing how the navbar works.</p> - </div> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/navbar-static-top/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-navbar-static-top.png" alt=""> - </a> - <h4>Static top navbar</h4> - <p>Basic template for showcasing the static navbar variation.</p> - </div> - <div class="col-lg-4"> - <a class="thumbnail" href="/examples/navbar-fixed-top/" target="_blank"> - <img src="/assets/img/examples/bootstrap-example-navbar-fixed-top.png" alt=""> - </a> - <h4>Fixed top navbar</h4> - <p>Basic template for showcasing the fixed navbar variation.</p> - </div> - </div> - </div> + <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> </div> |