Difference between revisions of "Template:Aalto-Helsinki/CSS"

(saving the mobile version, doesn't work yet)
(the collapse works!!!!)
Line 5: Line 5:
 
<head>
 
<head>
 
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/bootstrap.min.css?action=raw&amp;ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/bootstrap.min.css?action=raw&amp;ctype=text/css" type="text/css">
−
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript">
+
<link rel="stylesheet" href="https://2015.igem.org/Team:Aalto-Helsinki/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript">
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Aalto-Helsinki/CSS?action=raw&amp;ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Aalto-Helsinki/CSS?action=raw&amp;ctype=text/css" type="text/css">
 
</head>
 
</head>
Line 15: Line 15:
 
<script type="text/javascript" src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
<script type="text/javascript" src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  
−
<!-- something important? -->
 
−
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
 
  
 
     <div class="site-wrapper" >
 
     <div class="site-wrapper" >
Line 27: Line 25:
 
<!-- Brand and toggle get grouped for better mobile display -->
 
<!-- Brand and toggle get grouped for better mobile display -->
 
     <div class="navbar-header">
 
     <div class="navbar-header">
−
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="navbar-collapse" aria-expanded="false">
+
       <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
 
         <span class="sr-only">Toggle navigation</span>
 
         <span class="sr-only">Toggle navigation</span>
 
         <span class="icon-bar"></span>
 
         <span class="icon-bar"></span>
Line 37: Line 35:
  
 
     <!-- Collect the nav links, forms, and other content for toggling -->
 
     <!-- Collect the nav links, forms, and other content for toggling -->
−
     <div class="collapse navbar-collapse">
+
     <div class="collapse navbar-collapse" role="navigation">
 
       <ul class="nav navbar-nav">
 
       <ul class="nav navbar-nav">
 
         <li><a href="#">Project</a></li>
 
         <li><a href="#">Project</a></li>
Line 112: Line 110:
 
   </div><!-- /.container-fluid -->
 
   </div><!-- /.container-fluid -->
 
</nav>
 
</nav>
−
 
  
 
         <!-- let's hide the cover and main navigation from mobile devices! The code for their navbar is above. -->
 
         <!-- let's hide the cover and main navigation from mobile devices! The code for their navbar is above. -->
Line 183: Line 180:
 
   </li>
 
   </li>
 
</ul>
 
</ul>
 +
 
</nav>
 
</nav>
 +
 +
<!-- these here? -->
 +
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
 +
<script src="https://2015.igem.org/Team:Aalto-Helsinki/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
  
  
 
</html>
 
</html>

Revision as of 08:32, 18 August 2015