<!DOCTYPE html> <html lang="en"> <head> <!-- Meta, title, CSS, favicons, etc. --> {% include header.html %} </head> <body> <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a> <!-- Docs master nav --> {% include nav/main.html %} <!-- Docs page layout --> <div class="bs-docs-header" id="content"> <div class="container"> <h1>{{ page.title }}</h1> <p>{{ page.lead }}</p> {% include ads.html %} </div> </div> <div class="container bs-docs-container"> <div class="row"> <div class="col-md-9" role="main"> {{ content }} </div> <div class="col-md-3"> <div class="bs-docs-sidebar hidden-print hidden-xs hidden-sm" role="complementary"> <ul class="nav bs-docs-sidenav"> {% if page.slug == "getting-started" %} {% include nav/getting-started.html %} {% elsif page.slug == "css" %} {% include nav/css.html %} {% elsif page.slug == "components" %} {% include nav/components.html %} {% elsif page.slug == "js" %} {% include nav/javascript.html %} {% elsif page.slug == "customize" %} {% include nav/customize.html %} {% elsif page.slug == "about" %} {% include nav/about.html %} {% elsif page.slug == "migration" %} {% include nav/migration.html %} {% endif %} </ul> <a class="back-to-top" href="#top"> Back to top </a> {% if page.slug == "css" or page.slug == "components" or page.slug == "js" %} <a href="#" class="bs-docs-theme-toggle"> Preview theme </a> {% endif %} </div> </div> </div> </div> {% include footer.html %} </body> </html>