Line 1: | Line 1: | ||
{{Team:ASIJ_TOKYO/css}} | {{Team:ASIJ_TOKYO/css}} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <html lang="en"> | ||
<head> | <head> | ||
− | < | + | <title>Bootstrap Example</title> |
− | + | <meta charset="utf-8"> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | |
− | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | |
− | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</head> | </head> | ||
− | <body> | + | <body style="height:1500px"> |
− | < | + | <nav class="navbar navbar-inverse navbar-fixed-top"> |
− | <a href=" | + | <div class="container-fluid"> |
− | + | <div class="navbar-header"> | |
− | + | <a class="navbar-brand" href="#">WebSiteName</a> | |
− | + | </div> | |
+ | <ul class="nav navbar-nav"> | ||
+ | <li class="active"><a href="#">Home</a></li> | ||
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Page 1-1</a></li> | ||
+ | <li><a href="#">Page 1-2</a></li> | ||
+ | <li><a href="#">Page 1-3</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Page 2</a></li> | ||
+ | <li><a href="#">Page 3</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | <div class="container" style="margin-top:50px"> | ||
+ | <h3>Fixed Navbar</h3> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p> | ||
+ | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p> | ||
+ | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p> | ||
+ | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Revision as of 07:02, 24 October 2017
Fixed Navbar
A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.
A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.
A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.
A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.
A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.
A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.
Notes
This page should list all the basic parts your team has made during your project. You must add all characterization information for your parts on the Registry. You should not put characterization information on this page. Remember judges will only look at the first part in the list for the Best Basic Part award, so put your best part first!
Notes
![](https://static.igem.org/mediawiki/2017/9/96/Composite_table_asij.png)