Team:SUSTC-Shenzhen/templates/nav-template

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <nav role="navigation" class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <a href="/"> <img src=...")
Line 1: Line 1:
<html>
<html>
-
<nav role="navigation" class="navbar navbar-default navbar-fixed-top">
+
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
-
  <div class="container-fluid">
+
     <div class="navbar-header">
     <div class="navbar-header">
-
      <a href="/">
+
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-
        <img src="https://static.igem.org/mediawiki/2014/2/22/Logo2014v2.png">
+
            <span class="sr-only">Toggle navigation</span>
-
      </a>
+
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
        </button>
 +
        <a href="/">
 +
            <img src="https://static.igem.org/mediawiki/2014/2/22/Logo2014v2.png">
 +
        </a>
     </div>
     </div>
-
     <ul class="nav navbar-nav">
+
 
-
      <li><a href="/Team:SUSTC-Shenzhen">Home</a>
+
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-
      </li>
+
        <ul class="nav navbar-nav">
-
      <li><a href="/Team:SUSTC-Shenzhen/Introduction">About</a>
+
            <li class="active">
-
      </li>
+
                <a href="/Team:SUSTC-Shenzhen">Home</a>
-
      <li><a href="/Team:SUSTC-Shenzhen/Contact">Contact</a>
+
            </li>
-
      </li>
+
            <li>
-
    </ul>
+
                <a href="/Team:SUSTC-Shenzhen/Introduction">About</a>
-
    <ul class="nav navbar-nav pull-right">
+
            </li>
-
      <li><a id="nav-login-status">Log in</a>
+
            <li class="dropdown">
-
      </li>
+
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
-
    </ul>
+
                <ul class="dropdown-menu">
-
  </div>
+
                    <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>
 +
                    <li class="divider">
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">One more separated link</a>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <a href="/Team:SUSTC-Shenzhen/Contact">Contact</a>
 +
            </li>
 +
        </ul>
 +
        <form class="navbar-form navbar-left" role="search">
 +
            <div class="form-group">
 +
                <input type="text" class="form-control" />
 +
            </div>
 +
            <button type="submit" class="btn btn-default">Submit</button>
 +
        </form>
 +
        <ul class="nav navbar-nav navbar-right">
 +
            <li>
 +
                <a href="#">Link</a>
 +
            </li>
 +
            <li class="dropdown">
 +
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><a id="nav-login-status">Log in</a>
 +
                <strong class="caret"></strong>
 +
                </a>
 +
                <ul class="dropdown-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>
 +
            </li>
 +
        </ul>
 +
    </div>
 +
 
</nav>
</nav>
-
<html>
+
</html>

Revision as of 06:48, 25 August 2014

Retrieved from "http://2014.igem.org/Team:SUSTC-Shenzhen/templates/nav-template"