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ı…
Etiket: Bootstrap 3 Dersleri
Merhabalar bootstrap 3 derslerinin 7. dersine hoş geldiniz, bu dersimizdde bootstrap 3’de Well‘leri öğreneceğiz. Evet zaman kaybetmeden dersimize başlayalım. Öncelikle Well nedir ona bir bakalım. Well’ler; Gri arka plan renkli içi dolgulu sınırları olan bir kutu oluşturmamıza yarar. Div tagına…
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…
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…
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;…
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…
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…
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ı…