index.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title></title>
  5. <link href="css/bootstrap.css" rel="stylesheet"> <!-- pulls in the main bootstrap content we need -->
  6. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  7. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  8. <!--[if lt IE 9]>
  9. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  10. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  11. <![endif]-->
  12. </head>
  13. <body>
  14. <nav class="navbar navbar-default">
  15. <div class="container-fluid">
  16. <!-- collapsed navbar -->
  17. <div class="navbar-header">
  18. <button type="button"
  19. class="navbar-toggle collapsed"
  20. data-toggle="collapse"
  21. data-target="#main_navbar"
  22. aria-expanded="false">open!</button>
  23. </div><!-- /collapsed navbar -->
  24. <!-- uncollapsed navbar -->
  25. <div id="main_navbar" class="collapse navbar-collapse">
  26. <ul class="nav navbar-nav">
  27. <li class="active"><a href="#">Home</a></li>
  28. <li><a href="#">My photos</a></li>
  29. </ul>
  30. </div><!-- /uncollapsed navbar -->
  31. </div>
  32. </nav>
  33. <div class="container">
  34. <h1>Hello from my Bootstrap site</h1>
  35. </div>
  36. <script src="js/jquery.min.js"></script> <!-- jquery libraries -->
  37. <script src="js/bootstrap.min.js"></script> <!-- bootsrap libraries -->
  38. </body>
  39. </html>