Skip to content

Instantly share code, notes, and snippets.

@thomcrowe
Created June 1, 2016 23:37
Show Gist options
  • Save thomcrowe/3fe72a64732c0cc209c5aea57f681b86 to your computer and use it in GitHub Desktop.
Save thomcrowe/3fe72a64732c0cc209c5aea57f681b86 to your computer and use it in GitHub Desktop.
Navbar HTML and CSS
<!-- Navbar Info -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="/index.html">
<img alt="Brand" src="img/brand.jpg" width="40" height="40" align="middle" style="padding: 5px" alt="">
</a>
</div>
.nav ul li {
display: inline-block;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.nav {
background-color: #F8F8F8;
top: 0;}
.nav ul li a {
color: white;
}
#homepagenav {
float: right;
}
body {
padding-top: 70px;
}
.nav a:hover {
color: #ff6600;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment