Bootstarp Nedir - Bootstrap Dersleri

VexraDev · 6 Ağu 2019

Kısa bir süreden sonra tekrardan merhaba,
Bir süredir Bootstrap için dersler hazırlamaktaydım ve sonunda bitti.
İlk konumuz olan Bootstrap nedir ondan bahsedelim...

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

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.

ziyaret edip kullanımlara göz atmanızı tavsiye ederim.

Örneğin;

Kod:

<div class="container mt-3">

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

** 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.