How to make my navbar always on top?
<p>I have made a website using the HTML5 Template called "Photon" and I've added a Bootstrap navbar from another template.</p>

<p>My problem is that when I scroll the page, pictures get on top of my navbar and I don't want that. However text goes under the navbar just like I want it to.</p>

<p>I've already set the navbar's opacity to 100 and its CSS position is fixed.</p>

<p>I've made a few screenshots (<a href="http://i.stack.imgur.com/XEPKq.png" rel="nofollow">here</a> and <a href="http://i.stack.imgur.com/GYq9t.png" rel="nofollow">here</a>) so that you can see exactly what I'm talking about.</p>