diff options
Diffstat (limited to 'getting-started.html')
| -rw-r--r-- | getting-started.html | 87 |
1 files changed, 86 insertions, 1 deletions
diff --git a/getting-started.html b/getting-started.html index fdb703dd9..ec9913369 100644 --- a/getting-started.html +++ b/getting-started.html @@ -93,7 +93,7 @@ bootstrap/ <div class="page-header"> <h1 id="template">Basic template</h1> </div> - <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> + <p class="lead">Make use of a super basic HTML template, or dive into a <a href="../getting-started#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> <p>Copy and paste the HTML from below to get started with a bare bones Bootstrap document.</p> {% highlight html %} @@ -129,6 +129,91 @@ bootstrap/ ================================================== --> <div class="bs-docs-section"> <div class="page-header"> + <h1 id="examples">Examples</h1> + </div> + <p class="lead">Build on the basic template above with Bootstrap's many components. Check out some of the more advanced tips for how to customize and build on top of them.</p> + + <div class="row"> + <div class="col-xs-6 col-md-4"> + <a href="../examples/carousel/"> + Carousel + </a> + </div> + <div class="col-xs-6 col-md-4"> + <a href="../examples/grid/"> + Grids + </a> + </div> + <div class="clearfix visible-xs"></div> + + <div class="col-xs-6 col-md-4"> + <a href="../examples/jumbotron/"> + Jumbotron + </a> + </div> + <div class="col-xs-6 col-md-4"> + <a href="../examples/jumbotron-narrow/"> + Narrow jumbotron + </a> + </div> + <div class="clearfix visible-xs"></div> + + <div class="col-xs-6 col-md-4"> + <a href="../examples/navbar/"> + Navbar + </a> + </div> + <div class="col-xs-6 col-md-4"> + <a href="../examples/navbar-static-top/"> + Static navbar + </a> + </div> + <div class="clearfix visible-xs"></div> + + <div class="col-xs-6 col-md-4"> + <a href="../examples/navbar-fixed-top/"> + Fixed navbar + </a> + </div> + <div class="col-xs-6 col-md-4"> + <a href="../examples/offcanvas/"> + Offcanvas + </a> + </div> + <div class="clearfix visible-xs"></div> + + <div class="col-xs-6 col-md-4"> + <a href="../examples/signin/"> + Sign-in page + </a> + </div> + <div class="col-xs-6 col-md-4"> + <a href="../examples/sticky-footer/"> + Sticky footer + </a> + </div> + <div class="clearfix visible-xs"></div> + + <div class="col-xs-6 col-md-4"> + <a href="../examples/sticky-footer-navbar/"> + Sticky footer with navbar + </a> + </div> + <div class="col-xs-6 col-md-4"> + <a href="../examples/starter-template/"> + Starter template + </a> + </div> + </div> + + </div> + + + + <!-- Template + ================================================== --> + <div class="bs-docs-section"> + <div class="page-header"> <h1 id="disable-responsive">Disabling responsiveness</h1> </div> <p class="lead">Don't want your site or application to be scale on different device? With a little bit of work, you can disable the responsive features of Bootstrap so that mobile users see your full desktop-version site.</p> |