Difference between revisions of "Template:Cambridge-JIC/Templates/Menu"

Line 38: Line 38:
  
 
<body>
 
<body>
−
<nav class="navbar navbar-default navbar-fixed-top" style="margin-top:0px">
+
<nav class="navbar navbar-inverse">
 
   <div class="container-fluid">
 
   <div class="container-fluid">
 
     <div class="navbar-header">
 
     <div class="navbar-header">
−
       <a class="navbar-brand" href="#">Cambridge-JIC</a>
+
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
      </button>
 +
       <a class="navbar-brand" href="#">WebSiteName</a>
 +
    </div>
 +
    <div class="collapse navbar-collapse" id="myNavbar">
 +
      <ul class="nav navbar-nav">
 +
        <li class="active"><a href="#">Home</a></li>
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#">Page 1-1</a></li>
 +
            <li><a href="#">Page 1-2</a></li>
 +
            <li><a href="#">Page 1-3</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="#">Page 2</a></li>
 +
        <li><a href="#">Page 3</a></li>
 +
      </ul>
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
 +
        <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
 +
      </ul>
 
     </div>
 
     </div>
−
    <ul class="nav navbar-nav">
 
−
      <li class="active"><a href="#">Home</a></li>
 
−
      <li><a href="#">Page 1</a></li>
 
−
      <li><a href="#">Page 2</a></li>
 
−
      <li><a href="#">Page 3</a></li>
 
−
    </ul>
 
 
   </div>
 
   </div>
 
</nav>
 
</nav>

Revision as of 10:49, 7 July 2016


Cambridge-JIC