Team:UNAM Genomics
From 2014.igem.org
(Difference between revisions)
Line 4: | Line 4: | ||
<!-- Provisional --> | <!-- Provisional --> | ||
- | <link rel="stylesheet" href="https://2013.igem.org/Team:SYSU-China/main.css?action=raw&ctype=text/css" type="text/css" /> | + | <!-- <link rel="stylesheet" href="https://2013.igem.org/Team:SYSU-China/main.css?action=raw&ctype=text/css" type="text/css" /> --> |
<!-- JS section --> | <!-- JS section --> | ||
Line 16: | Line 16: | ||
<!-- Bootstrap --> | <!-- Bootstrap --> | ||
<link rel="stylesheet" href="https://2014.igem.org/Template:Team:UNAM_Genomics/css/bootstrap.min.css?action=raw&ctype=text/css" type="text/css" /> | <link rel="stylesheet" href="https://2014.igem.org/Template:Team:UNAM_Genomics/css/bootstrap.min.css?action=raw&ctype=text/css" type="text/css" /> | ||
+ | |||
+ | <style> | ||
+ | @media screen and (min-width:768px){ | ||
+ | .navbar-brand-centered { | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | display: block; | ||
+ | width: 160px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .navbar>.container .navbar-brand-centered, | ||
+ | .navbar>.container-fluid .navbar-brand-centered { | ||
+ | margin-left: -80px; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
- | <div class=" | + | <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> |
- | + | <div class="container"> | |
- | + | <!-- Brand and toggle get grouped for better mobile display --> | |
- | <button type="button" class=" | + | <div class="navbar-header"> |
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-brand-centered"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <div class="navbar-brand navbar-brand-centered">iGEM</div> | ||
+ | </div> | ||
- | </div> | + | <!-- Collect the nav links, forms, and other content for toggling --> |
+ | <div class="collapse navbar-collapse" id="navbar-brand-centered"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="#">Project</a></li> | ||
+ | <li><a href="#">Team</a></li> | ||
+ | </ul> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li><a href="#">Model</a></li> | ||
+ | <li><a href="#">Human Practices</a></li> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | </ul> | ||
+ | </div><!-- /.navbar-collapse --> | ||
+ | </div><!-- /.container-fluid --> | ||
+ | </nav> | ||
<h3>Project Description</h3> | <h3>Project Description</h3> | ||
<hr> | <hr> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 05:04, 10 August 2014