Bootstrap İcon Biçimlendirme Sorunu

JJ_Ayhan · 1 Ağustos 2016

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.

Eldar · 22 Ağustos 2016

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;

JJ_Ayhan · 23 Ağustos 2016

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ş.

Eldar · 23 Ağustos 2016

Ş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.

JJ_Ayhan · 25 Ağustos 2016

Eldar dedi:
Ş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.

Bulut Uzer · 26 Ağustos 2016

İ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.

Eldar · 26 Ağustos 2016

Birde chrome konsolunu açıp, sources in altında fontlar yüklendimi diye bak istersen.

JJ_Ayhan · 26 Ağustos 2016

Eldar dedi:
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.

Bulut Uzer dedi:
İ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

Eldar · 26 Ağustos 2016

Boş proje açıp tekrar dene istersen. Bu arada bootstrap 4 kullanmıyorsun değilmi?

JJ_Ayhan · 27 Ağustos 2016

Eldar dedi:
Boş proje açıp tekrar dene istersen. Bu arada bootstrap 4 kullanmıyorsun değilmi?

Yeniden yapacağım eğer olmazsa tekrar konu açarım.

Bootstrap İcon Biçimlendirme Sorunu

JJ_Ayhan

Kilopat

Eldar

Hectopat

JJ_Ayhan

Kilopat

Dosya Ekleri

Eldar

Hectopat

JJ_Ayhan

Kilopat

Bulut Uzer

Kilopat

Eldar

Hectopat

JJ_Ayhan

Kilopat

Eldar

Hectopat

JJ_Ayhan

Kilopat