Template:Team:Northwestern/Template/nav

From 2014.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Example of Twitter Bootstrap 3 Dropdowns within Navs</title> <link rel="stylesheet" href="http://maxcdn.boot...")
Line 15: Line 15:
</head>
</head>
<body>
<body>
-
<div class="bs-example">
+
<div class="navbar-wrapper">
-
    <ul class="nav nav-pills">
+
      <div class="container">
-
         <li class="active"><a href="#">Home</a></li>
+
 
-
        <li><a href="#">Profile</a></li>
+
         <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-
        <li class="dropdown">
+
          <div class="container">
-
            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Messages <b class="caret"></b></a>
+
            <div class="navbar-header">
-
             <ul class="dropdown-menu">
+
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
-
                 <li><a href="#">Inbox</a></li>
+
                <span class="sr-only">Toggle navigation</span>
-
                 <li><a href="#">Drafts</a></li>
+
                <span class="icon-bar"></span>
-
                 <li><a href="#">Sent Items</a></li>
+
                <span class="icon-bar"></span>
-
                 <li class="divider"></li>
+
                <span class="icon-bar"></span>
-
                <li><a href="#">Trash</a></li>
+
              </button>
-
            </ul>
+
              <a class="navbar-brand" href="https://2014.igem.org/Team:Northwestern/Home">Home</a>
-
        </li>
+
            </div>
-
        <li class="dropdown pull-right">
+
             <div class="navbar-collapse collapse">
-
            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Admin <b class="caret"></b></a>
+
              <ul class="nav navbar-nav">
-
            <ul class="dropdown-menu">
+
                 <li><a href="https://2014.igem.org/Team:Northwestern/Project">Project</a></li>
-
                <li><a href="#">Action</a></li>
+
                 <li><a href="https://2014.igem.org/Team:Northwestern/Team">Team</a></li>
-
                <li><a href="#">Another action</a></li>
+
                 <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
-
                <li class="divider"></li>
+
                 <li class="active"><a href="https://2014.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
-
                <li><a href="#">Settings</a></li>
+
                <li class="dropdown">
-
            </ul>
+
                  <a href="#"class="dropdown-toggle" data-toggle="dropdown">To be fixed soon<span class="caret"></span></a>
-
        </li>
+
                  <ul class="dropdown-menu" role="menu">
-
    </ul>
+
                    <li><a href="#">Action</a></li>
-
</div>
+
                    <li><a href="#">Another action</a></li>
 +
                    <li><a href="#">Something else here</a></li>
 +
                    <li class="divider"></li>
 +
                    <li class="dropdown-header">Nav header</li>
 +
                    <li><a href="#">Separated link</a></li>
 +
                    <li><a href="#">One more separated link</a></li>
 +
                  </ul>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 
 +
      </div>
 +
    </div>
 +
 
</body>
</body>
</html>
</html>

Revision as of 16:23, 31 August 2014

<!DOCTYPE html> Example of Twitter Bootstrap 3 Dropdowns within Navs

Retrieved from "http://2014.igem.org/Template:Team:Northwestern/Template/nav"