Template:CU-Boulder-header2
From 2014.igem.org
(Difference between revisions)
Line 13: | Line 13: | ||
<!-- </script> --> | <!-- </script> --> | ||
+ | <!-- include bootstrap css (mainly for the navigation bar) --> | ||
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> | <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> | ||
+ | |||
+ | <!-- include our custom css for the site --> | ||
<link rel="stylesheet" type="text/css" href="/Team:CU-Boulder/include/style.css?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="/Team:CU-Boulder/include/style.css?action=raw&ctype=text/css" /> | ||
Line 19: | Line 22: | ||
<!-- <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&ctype=text/css" /> --> | <!-- <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&ctype=text/css" /> --> | ||
+ | <!-- include jquery and bootstrap javascript (mainly for the navigation bar) --> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> | ||
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> | <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> | ||
Line 38: | Line 42: | ||
<!-- </script> --> | <!-- </script> --> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<nav class="navbar navbar-default" role="navigation"> | <nav class="navbar navbar-default" role="navigation"> | ||
Line 85: | Line 59: | ||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
- | <li class="active"><a href="#">Link</a></li> | + | <!-- <li class="active"><a href="#">Link</a></li> --> |
<li><a href="#">Link</a></li> | <li><a href="#">Link</a></li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
Line 100: | Line 74: | ||
</li> | </li> | ||
</ul> | </ul> | ||
- | <form class="navbar-form navbar-left" role="search"> | + | <!-- <form class="navbar-form navbar-left" role="search"> --> |
- | + | <!-- <div class="form-group"> --> | |
- | + | <!-- <input type="text" class="form-control" placeholder="Search"> --> | |
- | + | <!-- </div> --> | |
- | + | <!-- <button type="submit" class="btn btn-default">Submit</button> --> | |
- | </form> | + | <!-- </form> --> |
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
<li><a href="#">Link</a></li> | <li><a href="#">Link</a></li> | ||
Line 122: | Line 96: | ||
</div><!-- /.container-fluid --> | </div><!-- /.container-fluid --> | ||
</nav> | </nav> | ||
+ | |||
+ | <!-- Single button --> | ||
+ | <div class="btn-group"> | ||
+ | <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> | ||
+ | Action <span class="caret"></span> | ||
+ | </button> | ||
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="#">Action</a></li> | ||
+ | <li><a href="#">Another action</a></li> | ||
+ | <li><a href="#">Something else here</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="#">Separated link</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <!-- Split button --> | ||
+ | <div class="btn-group"> | ||
+ | <button type="button" class="btn btn-danger">Action</button> | ||
+ | <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"> | ||
+ | <span class="caret"></span> | ||
+ | <span class="sr-only">Toggle Dropdown</span> | ||
+ | </button> | ||
+ | <ul class="dropdown-menu" role="menu"> | ||
+ | <li><a href="#">Action</a></li> | ||
+ | <li><a href="#">Another action</a></li> | ||
+ | <li><a href="#">Something else here</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="#">Separated link</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
<div class="btn-toolbar"> | <div class="btn-toolbar"> |
Revision as of 23:18, 11 May 2014