Mam problem z ustaleniem, jak uzyskać plakietkę obok linku w moim pasku nawigacyjnym i czy jest on poprawnie ustawiony.Nie można uzyskać identyfikatora zgodnego z linkiem w pasku nawigacyjnym
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Link</a><span class="badge badge-important">4</span></li>
Oto JSFiddle przykład mój problem: http://jsfiddle.net/pHRc9/3/
Spróbuj oddanie zamknięciu a href poza zakończenie przęsła.
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Link <span class="badge badge-important">4</span></a></li>
Updated Odpowiedź
Nie określić, że w swoim pytaniu. Używając kodu, który już masz, i umieszczenie tego css działało dobrze dla mnie.
a {
float:left !important;
}
span {
float: left !important;
margin-top: 10px;
}
Co mogę zrobić, to umieścić odznaczenia jako elementów listy:
%ul.nav.navbar-nav.navbar-right
%li.navbar-text
%span.badge boo
%li.navbar-text
%span.label.label-primary foo
To wydaje się działać dla mnie miły.
Nie wiesz, dlaczego chcesz otrzymać plakietkę poza linkiem, ponieważ cały link staje się blokiem. Najlepszy sposób na umieszczenie odznak po prawej stronie jest podobny do odpowiedzi lostintranslation, ale zamiast używać .badge-important użyj .pull-right.
To jednak działa, naprawdę nie chcę, aby znaczek był częścią linku – lostintranslation
Edytowana odpowiedź. Wierzę, że to powinno zadziałać; oczywiście, chciałbyś bardziej konkretnie odwołać się do znacznika zakotwiczenia i span. – thtsigma
Tak, patrząc na bootstrap css, określają tylko style tagów wewnątrz nav i nic więcej. Z tego powodu dodanie span poza tagiem "a" nie wygląda dobrze. – lostintranslation