Anasayfa / Web Tasarım / Bootstrap 4 Nedir ve Kullanımı

Bootstrap 4 Nedir ve Kullanımı

Bootstrap Nedir?

Bootstrap daha hızlı ve kolay web geliştirme için ücretsiz bir Css ve JavaScript kütüphanesidir. Bootstrap ayrıca, size Responsive(Duyarlı) tasarımlar oluşturma yeteneği de sunar.

Responsive(Duyarlı) Web Tasarımı Nedir?

Responsive web tasarımı, küçük cihazlardan(telefonlardan) büyük masaüstlerine kadar tüm cihazlarda iyi görünmek için kendilerini otomatik olarak ayarlayan web siteleri oluşturmaktır.

Bootstrap 3 vs Bootstrap 4

Bootstrap 4 Bootstrap’in en yeni sürümüdür; yeni bileşenlerle, daha hızlı stil sayfası ve daha fazla yanıt verebilir.

Bootstrap 4, tüm önemli tarayıcıların ve platformların en yeni, kararlı sürümlerini destekler. Ancak, Internet Explorer 9 ve aşağı desteklenmiyor.

Internet Explorer IE8-9 desteği varsa bootstrap 3 kullanılır. Bu, Bootstrap’in en kararlı sürümüdür ve hala kritik hata düzeltmeleri ve belge değişiklikleri için ekip tarafından desteklenmektedir. Ancak, buna yeni özellikler eklenmeyecektir.

Bootstrap 4’ün Avantajları

1. Kullanımı kolaydır. (Sadece temel HTML ve CSS bilgisi olan herkes kullanabilir.)

2. Responsive(Duyarlı) özelliklere sahiptir.

3. Mobile öncelik verir.

4. Tarayıcı uyumluğu vardır.(Chrome, Firefox, Internet Explorer 10+, Safari, and Opera)

Bootstrap 4 Nereden Alınır?

Bootstrap 4’ü web sitemizde kullanmak için 2 yol vardır:

1. CDN ile Bootstrap’ı siteye dahil etmek:

!Not: CDN Kodunu <head></head> etiketleri arasına konulur.

 

2. Bootstrap 4’ün Web sitesinden hazır kütüphanesinin indirilmesi:

  • Daha sonra “Download” butonuna tıklayın.

 

  • “Download” butonuna tıklayınca karşımıza bir sayfa daha çıkmış olacak, bu sayfada yine “Download” butonuna tıklıyoruz ve indirme işlemleri gerçekleşecektir.

  • “Download” butonuna tıkladıktan sonra böyle bir indirme gerçekleşir. Bu dosyayı sürükleyerek masaüstünüze getirebilirsiniz.

  • Masaüstümüze getirdikten sonra bu dosya WinRAR olarak indiği için ilk önce WinRAR dan çıkartınız.

  • Klasöre çıkartıktan sonra çalışma yapacağımız klasörün içine taşıyoruz. 

  • Taşıdıktan sonra Bootstrap kodlarımızın çalışması için indirdiğimiz Bootstrap kütüphanesine link vererek konumunu belirtiyoruz. Bootstrap’ın kütüphanesi <head></head> kodları arasına yazılır.

About Şeyma

Bir yorum

  1. Teşekkürler. Çok güzel bir çalışma 🙂

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

%d blogcu bunu beğendi: