2013-02-16 19 views

cevap

4

açıklık yakın dışındaki bir href yakın koyarak deneyin: İşte

<ul class="nav"> 
<li><a href="#">Home</a></li> 
<li><a href="#">Link</a><span class="badge badge-important">4</span></li> 

benim sorunun JSFiddle örneğidir.

<ul class="nav"> 
<li><a href="#">Home</a></li> 
<li><a href="#">Link <span class="badge badge-important">4</span></a></li> 

Güncelleme Cevap

Sen söz konusu olduğunu belirtmedi. Zaten var olan kodu kullanarak ve bu css yerleştirerek benim için tamam çalıştı. Ben ne

a { 
    float:left !important; 
} 
span { 
    float: left !important; 
    margin-top: 10px; 
} 
+0

Bu işe yarıyor, gerçekten rozeti bağlantı – lostintranslation

+0

Düzenlenmiş yanıtın bir parçası olmak istemiyorum. Bunun işe yarayacağına inanıyorum; Tabii ki, özellikle çapa ve yayılma etiketine başvurmak istersiniz. – thtsigma

+0

Evet, bootstrap css'e bakarak, sadece nav içindeki etiketlerin stillerini belirliyorlar ve başka hiçbir şey yok. Bu nedenle, 'a' etiketinin dışında bir açıklık eklemek doğru görünmüyor. – lostintranslation

1

liste elemanlar olarak rozetleri yerleştirmektir:

%ul.nav.navbar-nav.navbar-right 
    %li.navbar-text 
     %span.badge boo 
    %li.navbar-text 
     %span.label.label-primary foo 

benim için güzel iş gibi görünüyor Yani.

2

Rozetin bağlantı dışındaki tüm bağlantıların neden bir blok haline geldiğinden emin değilsiniz. Sağdaki rozetleri elde etmenin en iyi yolu lostintranslation cevabına benzer, ancak .badge-important kullanmak yerine .pull-right kullanın.