Line 140: | Line 140: | ||
<body> | <body> | ||
− | <!-- Navigation --> | + | <!-- Navigation --> |
− | + | <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="padding-top: 20px"> | |
− | + | <div class="container-fluid"> | |
− | + | <!-- Brand and toggle get grouped for better mobile display --> | |
− | + | <div class="navbar-header"> | |
− | + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | |
− | + | <span class="sr-only">Toggle navigation</span> | |
− | + | <span class="icon-bar"></span> | |
− | + | <span class="icon-bar"></span> | |
− | + | <span class="icon-bar"></span> | |
− | + | </button> | |
− | + | <a class="navbar-brand" href="#">Columbia University</a> | |
− | + | </div> | |
− | + | <!-- Collect the nav links, forms, and other content for toggling --> | |
− | + | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | |
− | + | <ul class="nav navbar-nav"> | |
− | + | ul { | |
− | + | background-color: blue; | |
− | + | position: fixed; | |
− | + | top: 0; | |
− | + | } | |
− | + | <li> | |
− | + | <a href="#">Project</a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="#">Team</a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="#">Parts</a> | |
− | + | </li> | |
− | + | <li> | |
+ | <a href="#">Sponsors</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Safety</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Human Practices</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">Awards</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- /.navbar-collapse --> | ||
+ | </div> | ||
+ | <!-- /.container --> | ||
+ | </nav> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 16:39, 21 June 2017