Kategori: Bootstrap

Bootstrap 3 Dersleri Ders 8 – Alert’ler (Bilgi Kutuları)

Bootstrap 3 derslerinin 8. dersine hoşgeldiniz. Bu dersimizde bootstrap 3’deki alertlere değineceğiz.  Alertler bootstrap 3 de bizlere ikaz kutuları çıkarmamıza yarar hemen bir örnekle başlayalım. div tagımıza alert ve alert-success classlarını ekleyince aynen şöyle bir görüntü çıkacaktır; Yukarıdaki örneğimizin kodları…

Bootstrap 3 Dersleri Ders 6 – Jumbotronlar

Merhaba arkadaşlar bootstrap 3 derslerinin 6. kısmına hoşgeldiniz. Bu dersimizde jumbotronları öğreneceğiz. Öncelikle dersimize jumbotronlar nedir onlarla ilgili bir bilgi verelim. Jumbotronlar; daha fazla dikkat çekmek amacıyla içinde yazıyı büyük bir kutunun içine alarak gösterirler. Tanımımızı şöyle ekran görüntüsüyle de…

Bootstrap 3 Dersleri Ders 5 – Responsive Resimler

Merhaba, arkadaşlar bu dersimizde Bootstrap 3’de Responsive resimleri nasıl ekleyeceğimizi öğreneceğiz. O halde hemen başlayalım. 🙂 Dikkat!: Bir resimin responsive olması için img etiketinin class kısmına “img-responsive” class’ını eklememiz yeterli olacaktır. Aksi taktirde resim responsive olmayacaktır. Yani şöyle olacak; Dikkat…

Bootstrap 3 Dersleri Ders 4 – Tablolar

Merhaba, “Bootstrap 3 Dersleri Ders 4 – Tablolar” başlıklı bootstrap dersine hoşgeldiniz bu dersimizde bootstrap 3’deki tablolara değineceğiz. Varsayılan Bootstrap 3 Tablosu <table> html etiketine sadece “table” class’ı ekleyerek varsayılan Bootstrap 3 tablosunu oluşturabilirsiniz; Varsayılan Bootstrap 3 Tablosu Örneği Kodlarımız;…

Bootstrap 3 Dersleri Ders 3 – Varsayılan HTML Etiketleri

Merhaba, bu dersimizde bootstrap’ın varsayılan olarak html etiketlerine eklediği css özelliklerine değineceğiz. Bootstrap Varsayılan HTML Yazı Büyüklüğü ve Satır Aralığı Bootstrap’da varsayılan yazı büyüklüğü 14 px’dir. Satır aralığı ise 1.428’dir. Ayriyeten p etiketlerinin hesaplanan satır yüksekliğinin yarısına eşit alt kenar boşluğu…

Bootstrap 3 Dersleri Ders 2 – Grid (Izgara) Sistemi

Merhaba, bootstrap derslerinin 2. bölümüne hoşgeldiniz arkadaşlar bu dersimizde bootstrap’ın grid (ızgara) sistemine değineceğiz. Grid (Izgara) Sistemi Nedir? Grid (ızgara) sistemi, ekranı 12 sütuna bölmenize yarayan bootstrap özelliğidir. Ekranı 12’ye bölebileceğiniz gibi 3’e 4’e ya da 6’ya da bölebilirisiniz bu…

Bootstrap 3 Dersleri Ders 1 – Bootstrap Nedir?

Merhaba arkadaşlar yep yeni bootstrap dersleri serimin ilk dersine hoşgeldiniz bu dersmimizde bootstrap hakkında biraz bilgi öğreneceğiz. Bootstrap Nedir? Bootstrap, twitter tarafından geliştirilen açık kaynaklı, css framework’udur. Bootstrap ile kolayca responsive web tasarımı yapabilirsiniz. Responsive nedir? Responsive, duyarlı web tasarımı…

Back to top