Advertisement
andruhovski

Bootrap Menu

Nov 2nd, 2016
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.30 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6.     <!-- Latest compiled and minified CSS -->
  7.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  8.     <!-- Optional theme -->
  9.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  10.  
  11.     <style>
  12.         body {
  13.             padding-top: 70px;
  14.         }
  15.     </style>
  16.     <title>Navbar Sample</title>
  17. </head>
  18.  
  19. <body>
  20.     <nav class="navbar navbar-default navbar-fixed-top">
  21.         <div class="container">
  22.             <div class="navbar-header">
  23.                 <a href="#" class="navbar-brand">Region IT</a>
  24.                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  25.                 data-target="#hamburger-navigation">
  26.                <span class="sr-only">Navigation toggle</span>
  27.                <span class="icon-bar"></span>
  28.                <span class="icon-bar"></span>
  29.                <span class="icon-bar"></span>
  30.              </button>
  31.             </div>
  32.             <div class="collapse navbar-collapse" id="hamburger-navigation">
  33.                 <div class="navbar-text navbar-right">
  34.                     <a class="navbar-link" href="URL here">
  35.                  Follow us!
  36.                </a>
  37.                 </div>
  38.                 <ul class="nav navbar-nav" role="menu">
  39.                     <li><a href="#" class="active">Current Page</a><span class="sr-only">current</span></li>
  40.                     <li><a href="#">Link</a></li>
  41.                     <li class="dropdown">
  42.                         <a class="dropdown-toggle" role="button" data-toggle="dropdown">Dropdown<span class="caret" /></a>
  43.                         <ul class="dropdown-menu">
  44.                             <li><a href="#">Option one</a></li>
  45.                             <li><a href="#">Option two</a></li>
  46.                         </ul>
  47.                     </li>
  48.                 </ul>
  49.             </div>
  50.         </div>
  51.     </nav>
  52.  
  53.     <!-- content -->
  54.  
  55. <script   src="http://code.jquery.com/jquery-3.1.1.min.js"   integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   crossorigin="anonymous"></script>
  56. <!-- Latest compiled and minified JavaScript -->
  57. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  58.  
  59. </body>
  60.  
  61. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement