Bootstrap İcon Biçimlendirme Sorunu

JJ_Ayhan

Kilopat
Katılım
31 Mart 2015
Mesajlar
115
Daha fazla  
Cinsiyet
Erkek
Meslek
Bilgisayar Teknikeri
Bootstrap kullanarak iconlar olacak aynı zamanda bu ıconlar buton görevi yapacak üzerine geldiğimiz zaman yazılar falan çıkacak ben yaptım ancak iconlar aynı biçimlendirmeleri yapıyorum işlemiyor. Bu işlerle uğraşan arkadaşlar yorumlarımızı bekliyorum.
 
Son düzenleyen: Moderatör:
Kodu paylaşırsan, üzerinde daha iyi yardımcı oluruz. Css ile biçimlendiriyorsan ve yazdığın stiller uygulanmıyorsa, !important parametresini eklemeye dene. Örneğin font-size:24px !important;
 
Kod:
<button type="button" class="btn btn-default" aria-label="Left Align">
  <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
</button>

<button type="button" class="btn btn-default btn-lg">
  <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
</button>
Resimdeki gibi ekran çıktısı olması lazım ama sadece bir tane buton çıkıyor ve butonun içi de boş.
 

Dosya Ekleri

  • bootstrap.PNG
    bootstrap.PNG
    2,5 KB · Görüntüleme: 122
Şunu dene
1 Mevcut bootstrap klasörünü sil.
2 Bootstrap · The world's most popular mobile-first and responsive front-end framework. sitesinden tekrar full paketi indir.
3 İçindeki js, css ve fonts klasörünü veya komple bootstrap klasörü olarak projene kopyala.
4 bootstrap.css ve bootstrap.js dosyalarını html dosyana bağla.

Bunları uyguladığında, yazdığın kodun sorunsuz çalışması lazım.
Dediklerin aynısını kaç sefer denedim ama olmadı başka bir sorun var ama bulamadım mesela form elemanları ekleyebiliyorum ama icon eklemiyor.
 
İkon stil ve font dosyalarını eklediğine ve sayfaya dahil ettiğine emin misin? Başka bir sorun olamaz, elbet gözden kaçırdığın bir hatan vardır. Uygulamaya çalıştığın dosyaları vs JsFiddle ekleyip gösterirsen daha iyi yardımcı olabilirim.
 
Birde chrome konsolunu açıp, sources in altında fontlar yüklendimi diye bak istersen.
Nelerin yüklenmediğini kontrol ettim ama bir şey bulamadım.

İkon stil ve font dosyalarını eklediğine ve sayfaya dahil ettiğine emin misin? Başka bir sorun olamaz, elbet gözden kaçırdığın bir hatan vardır. Uygulamaya çalıştığın dosyaları vs JsFiddle ekleyip gösterirsen daha iyi yardımcı olabilirim.
Kafayı yedirdi bana sildim hepsini baştan yapacağım yeter artık :D
 
Uyarı! Bu konu 8 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Yeni konular

Geri
Yukarı