Odsunięcie znacznika kotwicy z panelami Bootstrap i ustalonym navbarem - html, css, html5, twitter-bootstrap

Próbuję uzyskać prawidłowe działanie znaczników zakotwiczeniaz moją konfiguracją Bootstrap ze stałym navbarem. Ponieważ mam stały navbar, używam poniższego kodu CSS, aby spróbować przekonwertować tagi kotwicy (linki hash) w odpowiednie miejsce:

.jumptarget:before {
display: block;
content: " ";
margin-top: -60px;
height: 60px;
visibility: hidden;
}

Wtedy używam divs z przypisaną klasą jumptarget, która zawiera moje treści. Jednak gdy je włączę divs do paneli, powyższy kod css przestaje działać.

<div class="panel panel-default jumptarget" id="1">
<!-- random content here - this is the example that doesn"t work -->
</div>

Jak mogę korzystać z tych paneli i zakotwiczyć znaczniki razem. Ponadto, jeśli obuduję moje panele divs tylko z anchortagklasa i odpowiednie id to zakłóca wyświetlanie mojej witryny. Dlaczego to?

Odpowiedzi:

Łącza kotwicy (nawigacja do treści na tej samej stronie) działają z identyfikatorami, chyba że "używasz JavaScriptu, którego nie ma w twoim pytaniu.

Ten przykład działa:

http://jsbin.com/xivecaz/2/edit?html,css,output

Uwaga: Dodałem pozorne treści powyżej i poniżej, aby umożliwić przewijanie strony w celu zademonstrowania nawigacji.