Difference between revisions of "Template:Lethbridge HS/navbar"

 
(39 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Lethbridge_HS/bootsrapcss}}
 
{{Lethbridge_HS/bootsrapcss}}
 
{{Team:Lethbridge_HS/bootstrap_js}}
 
{{Team:Lethbridge_HS/bootstrap_js}}
 +
 +
  
 
<html>
 
<html>
 
   <head>
 
   <head>
   
+
</head>
<link href="css/bootstrap.min.css" rel="stylesheet">
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  
  <script src="jquery-3.2.1.min.js"></script>  
+
 
     <style>
 
     <style>
 
  .navbar{
 
  .navbar{
 
margin-top: 9px;
 
margin-top: 9px;
 
opacity: .9;
 
opacity: .9;
 
+
 
}
 
}
  
Line 19: Line 20:
  
 
}
 
}
</style>
 
  
</head>
+
.navbar-collapse collapse{
 +
display:block;
 +
}
  
<body>
 
  
<nav class="navbar navbar-inverse">
 
  <div class="container-fluid">
 
    <div class="navbar-header">
 
      <a class="navbar-brand" href="#">WebSiteName</a>
 
    </div>
 
    <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>
 
  </div>
 
</nav>
 
  
  
  
 +
</style>
  
  
  
 
+
<body>
 
+
 
+
<!--
+
  
  
Line 61: Line 39:
 
     <div class="container-fluid">
 
     <div class="container-fluid">
 
       <div class="navbar-header">
 
       <div class="navbar-header">
         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false">
 
           <span class="icon-bar"></span>
 
           <span class="icon-bar"></span>
 
           <span class="icon-bar"></span>
 
           <span class="icon-bar"></span>
Line 77: Line 55:
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Description">Project Description</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Description">Project Description</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Design">Design</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Design">Design</a></li>
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Demonstrate ">Proof of Concept</a></li>
+
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Applied_Design">Applied Design</a></li>
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Experiments ">Experiments</a></li>
+
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Demonstrate ">Demonstrate</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Model ">Model</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Model ">Model</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Results ">Results</a></li>
 
           <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Results ">Results</a></li>
Line 90: Line 68:
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Basic_Part ">Basic Parts</a></li>
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Basic_Part ">Basic Parts</a></li>
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Composite_Part ">Composite Parts</a></li>
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Composite_Part ">Composite Parts</a></li>
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Improve ">Improve</a></li>
+
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Improve ">Improved Parts</a></li>
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Contribution ">Contribution</a></li>
+
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Contribution ">Part Contributions</a></li>
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Part_Collection ">Part Collection</a></li>
 
       <li><a href="https://2017.igem.org/Team:Lethbridge_HS/Part_Collection ">Part Collection</a></li>
 
     </ul>
 
     </ul>
Line 110: Line 88:
 
<ul class="dropdown-menu navbar-right">
 
<ul class="dropdown-menu navbar-right">
 
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Notebook">Notebook</a></li>
 
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Notebook">Notebook</a></li>
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Methods ">Methods</a></li>
+
<li><a href="https://2017.igem.org/Team:Lethbridge_HS/Experiments ">Experiments</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 130: Line 108:
 
   </nav>
 
   </nav>
  
-->
 
  
  
 
  <script src="jquery-3.2.1.min.js"></script>
 
  <script src="js/bootstrap.min.js"></script>
 
  
 
   </body>
 
   </body>
 
</html>
 
</html>

Latest revision as of 23:56, 30 October 2017