Difference between revisions of "Team:Cornell/sandbox"
Line 34: | Line 34: | ||
background-size: cover; | background-size: cover; | ||
-o-background-size: cover; | -o-background-size: cover; | ||
+ | } | ||
+ | .drop:hover + undernav{ | ||
+ | display: block; | ||
+ | } | ||
+ | undernav { | ||
+ | display: none; | ||
+ | margin-top: 100px; | ||
} | } | ||
</style> | </style> | ||
Line 66: | Line 73: | ||
<a href="#">What we do</a> | <a href="#">What we do</a> | ||
</li> | </li> | ||
− | <li class=" | + | <li> |
− | <a href="#"> | + | <a href="#" class="drop">fishPharm</a> |
− | + | </li> | |
− | + | <li> | |
+ | <a href="#">Outreach</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">About Us</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- /.navbar-collapse --> | ||
+ | </div> | ||
+ | <!-- /.container --> | ||
+ | </nav> | ||
+ | <nav class="undernav navbar navbar-inverse navbar-fixed-top" role="navigation"> | ||
+ | <div class="container"> | ||
+ | <!-- 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="#">Start Bootstrap</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"> | ||
+ | <li> | ||
+ | <a href="#">What we do</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#" class="drop">fishPharm</a> | ||
</li> | </li> | ||
<li> | <li> |
Revision as of 19:55, 4 September 2015
<!DOCTYPE html>