Bootstrap ile İlgili Bilinmesi Gerekenler
Bootstrap Nedir?
Bootstrap ne demek dediğiniz duyar gibiyiz. Önceden sadece bilgisayarlardan web siteleri ziyaret edilir, tasarımlarda sadece standart ekranlara göre yapılırdı. Tarayıcılar için de farklı css kodları kullanılırdı. Bu şekilde bir site tasarımı bitmiş olurdu.
Şimdi kullandığımız teknolojik araçlara baktığımızda telefon, tablet, masaüstü, dizüstü gibi farklı boyutlarda ekranları kullanıyoruz. Web sitesi tasarlayan biri için farklı cihazlar farklı boyutlar anlamına gelmektedir. Bu da web tasarımcıların işini zorlaştırmaktadır.
Günümüzde bu soruna en güzel çözüm bootstrap'tır.
-
Bootstrap tasarımcılar tarafından en çok kullanılan framework uygulamasıdır.
- Web sitelerini az kod ile daha hızlı, daha modern olmasını sağlayan yapıdır.
- Bootstrap GİTHUB tarafından açık kaynak olarak geliştirilmektedir.
- Bootstrap HTML5’in tüm özelliklerini destekler.
- Css ve Javascript hazır halde bulunur.
- Bootstrap bizlere tarayıcı uyumluluğu, sayfalarımız içerisinde kullanacağımız bir çok form elemanı, menüler, yazı biçimleri, arka planlar, tablolar gibi değişik bir çok seçeneğiyle web sitemize profesyonel görünüm sağlama olanağı sağlıyor.
- Font olarak içerisinde ikonlar da barındırıyor.
- En büyük avantajı responsive tasarıma sahip olmasıdır.
Responsive Nedir?
Responsive, mobil cihazlarda daha iyi bir web görüntüsü sunmak için ekran boyutuna uyum sağlamasıdır. Bilgisayar, tablet, telefon ve benzeri tüm ekranlarda; yatay scrollbar’sız ve sorunsuz bir şekilde çalışan aktif tasarımlardır.
Kısacası sitenizde Bootstrap kullanmak sizi karmaşık css ve javascript kodlarından kurtaracaktır. Sıkıcı scrollbarlardan, masaüstündeki harika tasarımınızı telefonunuzda dağılmış halde görmekten koruyacaktır.
Bootstrap Site Örnekleri
Akla ilk olarak Twitter gelmektedir. Çünkü Bootstrap kavramı Twitter ile hayatımıza girdi. Bir de bu bakış açısıyla Twitter' ı incelemenizi tavsiye ederiz.
Bootstrap Kullanımı
Bootstrap indir diye yazıp aratabilir ya da http://trbootstrap.com/ adresine tıklayarak anasayfaya ulaşabilirsiniz. Anasayfada çıkan mavi Bootstrap İndir butonuna tıklayarak indirme işlemini başlatabilirsiniz.
NOT: Bootstrap ile sayfa düzenlemeyi bir sonraki yazımızda paylaşacağız. Takip kalın 🙂
Görüntülenme Sayısı: 1154
Elinize sağlık hocam bence bu konuda daha fazla yazı yazmalısınız
Tavsiyenizi dikkate alacağız. Teşekkür ederiz 🙂
çok faydalı bir yazı olmuş elinize sağlık
Beğenmenize sevindik. Teşekkür ederiz. Diğer yazılarımızda buluşmak üzere
Güzel bir konu ele almışsınız sayın hocam. Bilgiler için teşekkür ediyoruz.
Rica ederiz. Keyifli okumalar.