Anchor tag offset with Bootstrap panels and fixed navbar
<p>I'm trying to get anchor tags working properly with my Bootstrap setup with a fixed navbar. Since I have a fixed navbar, I am using the following CSS code to try and get the anchor tags (hash links) scrolling down to the right place:</p>

<pre><code>.jumptarget:before { 
display: block; 
content: " "; 
margin-top: -60px; 
height: 60px; 
visibility: hidden; 
}
</code></pre>

<p>Then I am using <code>div</code>s with the jumptarget class assigned which hold my content. However, when I turn these <code>div</code>s into panels, the above css code stops working.</p>

<pre><code>&lt;div class="panel panel-default jumptarget" id="1"&gt;
&lt;!-- random content here - this is the example that doesn't work --&gt;
&lt;/div&gt;
</code></pre>

<p>How can I use these panels and anchor tags together. Also, if I encase my panels in <code>div</code>s with just the <code>anchortag</code>class and the relevant <code>id</code> it messes up the display of my website. Why is this?</p>