Check out the Markup:
<div class="navbar navbar-inverse navbar-static-top">
<div class="container">
<a href="index.html" class="navbar-brand">Kellumonline</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</li>
<li><a href="tech/index.html">Tech</li>
<li><a href="gaming/index.html">Gaming</a></li>
<li><a href="skate/index.html">Skate</a></li>
<li><a href="contact/index.html">Contact</a></li>
</ul>
</div>
</div>
</div>
Visit this website to see where this code is currently live.
I have kept my CSS styling simple with just a few styles applied:
- one for using a Google font,
- another for setting dimensions of my jumbotron,
- and the last one for adjusting the margins on three columns at the bottom of my home page.
Currently, I am having issues with spacing on my navbar links and display problems on my contact page even though it uses the same code as other pages.
If anyone can offer help, feedback, or constructive criticism, I would greatly appreciate it!
Thank you.