'daki bağlantıyla aynı hizaya gelemiyor navcamdaki bir bağlantının yanında bir rozeti nasıl alacağımı bulmakta sorun yaşıyorum ve doğru şekilde hizalanmış. http://jsfiddle.net/pHRc9/3/Rozet, navbar
6
A
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;
}
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.
İlgili konular
- 1. navbar
- 2. İyonik sekmeleri Rozet
- 3. Elma push bildirim rozet numarası
- 4. % 100 navbar genişliğini korurken navbar görüntüyü ortalayın
- 5. Navbar çalışmıyor
- 6. Iphone Uygulamasındaki Uygulama Simgesinde Rozet Uygulaması
- 7. Android'de Düğmenin Önündeki Rozet Sayımı nasıl getirilir?
- 8. Tabhost-Rozet konumunu sekmelerde ayarlayın Android
- 9. Bootstrap: Tüm kabı navbar eksi navbar yüksekliğinin altına doldurun
- 10. Masaüstünde Bootstrap navbar-sabit-alt ve mobilde navbar-statik-top?
- 11. Yii Pjax navbar
- 12. bootstrap navbar birkaç hata
- 13. Bir sayfa sitesi navbar
- 14. Navbar Yanıt Vermiyor
- 15. Bootstrap navbar aralığı sağda
- 16. Yeşim şablonumda bir navbar ekleme
- 17. Logo örtüsüz navbar ve atlıkarınca
- 18. Mobil için Html Navbar menüsü
- 19. Bootstrap 4 duyarlı navbar dikey
- 20. Twitter bootstrap navbar gölgesinde kaydırma
- 21. mobile navbar için javascript olay
- 22. Bootstrap navbar css neden çalışmıyor?
- 23. Navbar active link background Çalışmıyor
- 24. Bootstrap navbar kaydırma üzerinde sabitlendi
- 25. 3 sütun kılavuz navbar önyükleme
- 26. bootstrap 3 navbar marka rengi
- 27. React-Bootstrap çekme doğru navbar
- 28. Bootstrap navbar genişliğine sığmayan simgeler
- 29. navbar sayısında Bootstrap dikey merkezleme
- 30. Bootstrap 4 Navbar sağa hizalanıyor
Bu işe yarıyor, gerçekten rozeti bağlantı – lostintranslation
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
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