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