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&amp;ctype=text/css" />
<link rel="stylesheet" type="text/css" href="/Team:CU-Boulder/include/style.css?action=raw&amp;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&amp;ctype=text/css" /> -->
<!-- <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&amp;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> -->
-
 
-
<!-- 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>
 
<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">
+
      <!--  <div class="form-group"> -->
-
          <input type="text" class="form-control" placeholder="Search">
+
      <!--    <input type="text" class="form-control" placeholder="Search"> -->
-
        </div>
+
      <!--  </div> -->
-
        <button type="submit" class="btn btn-default">Submit</button>
+
      <!--  <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