742c701dba5abbcc3ef05112d7c07f0e4b5b6b7b.svn-base 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8. <meta name="description" content="">
  9. <meta name="author" content="">
  10. <link rel="icon" href="../../favicon.ico">
  11. <title>Navbar Template for Bootstrap</title>
  12. <!-- Bootstrap core CSS -->
  13. <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
  14. <!-- Custom styles for this template -->
  15. <link href="navbar.css" rel="stylesheet">
  16. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  17. <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  18. </head>
  19. <body>
  20. <div class="container">
  21. <div class="collapse" id="navbar-header">
  22. <div class="inverse p-a">
  23. <h3>Collapsed content</h3>
  24. <p>Toggleable via the navbar brand.</p>
  25. </div>
  26. </div>
  27. <div class="navbar navbar-default navbar-static-top">
  28. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header">
  29. &#9776;
  30. </button>
  31. </div>
  32. <!-- Main component for a primary marketing message or call to action -->
  33. <div class="jumbotron">
  34. <h1>Navbar example</h1>
  35. <p>This example is a quick exercise to illustrate how the default navbar works. It's placed within a <code>.container</code> to limit its width and will scroll with the rest of the page's content.</p>
  36. <p>
  37. <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs &raquo;</a>
  38. </p>
  39. </div>
  40. </div> <!-- /container -->
  41. <!-- Bootstrap core JavaScript
  42. ================================================== -->
  43. <!-- Placed at the end of the document so the pages load faster -->
  44. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  45. <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
  46. <script src="../../dist/js/bootstrap.min.js"></script>
  47. </body>
  48. </html>