Team:Stanford-Brown/Templates/Main

From 2012.igem.org

(Difference between revisions)
Line 28: Line 28:
</div>
</div>
   
   
-
<div class="navbar">
+
<div id="navbar-example" class="navbar navbar-static">
-
  <div class="navbar-inner">
+
              <div class="navbar-inner">
-
    <a class="brand" href="#">Title</a>
+
                <div class="container" style="width: auto;">
-
    <ul class="nav">
+
                  <a class="brand" href="#">Project Name</a>
-
      <li class="active"><a href="#">Home</a></li>
+
                  <ul class="nav" role="navigation">
-
      <li><a href="#">Link</a></li>
+
                    <li class="dropdown">
-
      <li><a href="#">Link</a></li>
+
                      <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
-
    </ul>
+
                      <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
-
  </div>
+
                        <li><a tabindex="-1" href="http://google.com">Action</a></li>
-
</div>
+
                        <li><a tabindex="-1" href="#anotherAction">Another action</a></li>
 +
                        <li><a tabindex="-1" href="#">Something else here</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a tabindex="-1" href="#">Separated link</a></li>
 +
                      </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                      <a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 2 <b class="caret"></b></a>
 +
                      <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
 +
                        <li><a tabindex="-1" href="#">Action</a></li>
 +
                        <li><a tabindex="-1" href="#">Another action</a></li>
 +
                        <li><a tabindex="-1" href="#">Something else here</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a tabindex="-1" href="#">Separated link</a></li>
 +
                      </ul>
 +
                    </li>
 +
                  </ul>
 +
                  <ul class="nav pull-right">
 +
                    <li id="fat-menu" class="dropdown">
 +
                      <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 3 <b class="caret"></b></a>
 +
                      <ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
 +
                        <li><a tabindex="-1" href="#">Action</a></li>
 +
                        <li><a tabindex="-1" href="#">Another action</a></li>
 +
                        <li><a tabindex="-1" href="#">Something else here</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a tabindex="-1" href="#">Separated link</a></li>
 +
                      </ul>
 +
                    </li>
 +
                  </ul>
 +
                </div>
 +
              </div>
 +
</div> <!-- /navbar-example -->
   
   

Revision as of 01:00, 29 September 2012