İçeriğe atla

Bootstrap

Bootstrap Sayfa Yerleşim Düzeni

Bootstrap Sayfa Yerleşim Düzeni

Bootstrap ızgara sistemini devreye almamıza sağlayan sistem için geçerlidir.

Div acıyoruz

1. container : Ortalama

<div class="container">
sayfa içeriği
</div>

1. container :full screen

<div class="container-fluid">
sayfa içeriği
</div>

Bootsrap Nedir?

Bootstrap Nedir?

19 Ağustos 2015 tarihinde twitter da çalışan 2 mühendis tarafından geliştirilmeye başlandı.
Tasarımınızı response uyumlu olmasını sağlıyor. Buton, modal vb. eklentilerde içerisinde mevcuttur.

Front-end developerlar için geliştirilmiştir.
Ücretsiz ve açık kaynak kodludur.

Fron-end developer:
Tasarım Geliştiricisi. Html,css ve javascript kullanarak tasarımını yapan kişiye denir.

Neden Bootstrap Kullanmalısınız?

Bootsrap sayesinde tek tasarımla bilgisayar, tablet, cep telefonu uyumlu tasarımlar yapabilirsiniz.
İçerisinde bulunan form,tablo,buton,menü,etiket vb. tasarım ögeleri mevcuttur.
Daha hızlı ve kolay tasarım yapabilirsiniz.

Bootstrapda div class ları

Bootstrapda div class ları

Bootstrap kullanan herkes col-lg tarzında yazılar yazmaktadır. Şimdi bunların ne işe yaradıgını anlatıyım.

col-lg = Ekstra küçük, telefonlar ve tablet için
col-md = Orta, dizüstü bilgisayarlar için
col-lg = Büyük, masaüstü bilgisayarlar için
col-xl = Ekstra büyük, TV ler için