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ı: 1152
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.