1195

Komple Uygulamalı Web Geliştirme Eğitimi

Bootstrap Nedir?

Bootstrap nedir ve nasıl Kullanılır? Bootstrap 4 ile modern responsive web siteleri nasıl yapılır?

Bootstrap 4 Front-End Geliştiricilerin kullandığı ücretsiz ve son derece popüler bir Css ve Javascript Kütüphanesidir. Bootstrap sayesinde masaüstü, tablet, mobil cihaz ve tüm tarayıcılara uyumlu web sitelerini kolaylıkla geliştirebiliriz. Üstelik ayrı tasarımlar yapmamıza gerek kalmıyor.

Bootstrap içerisinde kullanabileceğimiz bir sürü hazır css class 'ları vardır. Bu class' lar sayesinde rutin işlerimiz için sürekli css kodları yazmamız gerekmiyor tek yapmamız gereken bootstrap içerisindeki hazır css class ismini bilmemiz ve ilgili etikete eklememizdir.

Bootstrap' in resmi web sitesini ziyaret edip kullanımlara göz atmanızı tavsiye ederim. 

Örneğin;

<div class="container mt-3">

  <div class="alert alert-primary">
    Alert Primary
  </div>
  
</div>

Örnek 1 için tıklayınız.

** Yukarıdaki örneğimizde kullandığımız bazı css class' ları mevcuttur.

.container : Bu class sayesinde sağdan ve soldan boşluk bırakılır. Normalde bu işlemi margin:0 auto; ile yapabilirdik ancak bu kullanım işlerimizi gayet basitleştirdi.

.mt-3 : Bu class sayesinde margin-top ile <div> içeriğini yukarıdan aşağıya almış oluyoruz.

.alert alert-primary : class' ları sayesinde güzel görünümlü bir uyarı kutusu oluşturmuş oluyoruz.

Gördüğünüz gibi bootstrap ile işlerimizi çok kolaylaşıyor. Tabi ki bu gibi bootstrap class' ları bootstrap kütüphanesindeki sadece bir kaç class, bunlar haricinde bir sürü class kullanımı mevcut.