default.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Meta, title, CSS, favicons, etc. -->
  5. {% include header.html %}
  6. </head>
  7. <body>
  8. <a id="skippy" class="sr-only sr-only-focusable" href="#content"><div class="container"><span class="skiplink-text">Skip to main content</span></div></a>
  9. <a href="http://blog.getbootstrap.com/2015/12/08/bootstrap-4-alpha-2/" class="v4-tease">Aww yeah, Bootstrap 4 is coming!</a>
  10. <!-- Docs master nav -->
  11. {% include nav/main.html %}
  12. <!-- Docs page layout -->
  13. <div class="bs-docs-header" id="content" tabindex="-1">
  14. <div class="container">
  15. <h1>{{ page.title }}</h1>
  16. <p>{{ page.lead }}</p>
  17. {% include ads.html %}
  18. </div>
  19. </div>
  20. <div class="container bs-docs-container">
  21. <div class="row">
  22. <div class="col-md-{% if page.fullwidth == true %}12{% else %}9{% endif %}" role="main">
  23. {{ content }}
  24. </div>
  25. {% unless page.fullwidth == true %}
  26. <div class="col-md-3" role="complementary">
  27. <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
  28. <ul class="nav bs-docs-sidenav">
  29. {% if page.slug == "getting-started" %}
  30. {% include nav/getting-started.html %}
  31. {% elsif page.slug == "css" %}
  32. {% include nav/css.html %}
  33. {% elsif page.slug == "components" %}
  34. {% include nav/components.html %}
  35. {% elsif page.slug == "js" %}
  36. {% include nav/javascript.html %}
  37. {% elsif page.slug == "customize" %}
  38. {% include nav/customize.html %}
  39. {% elsif page.slug == "about" %}
  40. {% include nav/about.html %}
  41. {% elsif page.slug == "migration" %}
  42. {% include nav/migration.html %}
  43. {% endif %}
  44. </ul>
  45. <a class="back-to-top" href="#top">
  46. Back to top
  47. </a>
  48. {% if page.slug == "css" or page.slug == "components" or page.slug == "js" %}
  49. <a href="#" class="bs-docs-theme-toggle" role="button">
  50. Preview theme
  51. </a>
  52. {% endif %}
  53. </nav>
  54. </div>
  55. {% endunless %}
  56. </div>
  57. </div>
  58. {% include footer.html %}
  59. </body>
  60. </html>