Difference between revisions of "Team:Duke/Templates/Nav"

Line 8: Line 8:
 
   <!--Set width to the width of the device-->
 
   <!--Set width to the width of the device-->
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
                 <nav class="navbar navbar-default" >
+
                 <div class="example3">
 +
<nav class="navbar navbar-default" style="margin-bottom: 0px">
 
<div class="container-fluid">
 
<div class="container-fluid">
 
    <div class="navbar-header">
 
    <div class="navbar-header">
  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar3">
                                          <span class="sr-only">Toggle navigation</span>
+
          <span class="sr-only">Toggle navigation</span>
                                          <span class="icon-bar"></span>
+
          <!--Three Spans below create buttons in iOS-->
                                          <span class="icon-bar"></span>
+
          <span class="icon-bar"></span>
                                          <span class="icon-bar"></span>
+
          <span class="icon-bar"></span>
                                </button>
+
          <span class="icon-bar"></span>
<a class="navbar-brand" rel="home" href="#" title="Buy Sell Rent Everyting">
+
        </button>
        <img style="max-width:100px; margin-top: -7px;"
+
</div>
            src="https://static.igem.org/mediawiki/2016/c/c4/T--Duke--logo_and_.jpeg">
+
    </a>
+
  
    </div>
 
 
<!--Duke Logo-->
 
<!--Duke Logo-->
 +
<a class="navbar-left" href="https://2016.igem.org/Team:Duke">
 +
<img id="logo" src="img/Dukelogo1.png" width="50px" ></a>
 
<!--Navigation Bar specifications Below-->
 
<!--Navigation Bar specifications Below-->
 
        <div id="navbar3" class="navbar-collapse collapse">
 
        <div id="navbar3" class="navbar-collapse collapse">
Line 52: Line 52:
 
</div><!--Close container-fluid-->
 
</div><!--Close container-fluid-->
 
</nav>
 
</nav>
 +
</div><!--Close class=example3-->
 
</html>
 
</html>

Revision as of 05:35, 29 September 2016