BOOTSTRAP 3Bu kitap sayesinde günümüzde en çok kullanılan CSS Framework’ü olan Bootstrap’ı kolaylıkla öğrenebileceksiniz. Bootstrap ile gelen HTML, CSS, JavaScript kodlarını kolaylıkla kavrayıp kendi projelerinizi geliştirebileceksiniz. Bootstrap sayesinde web sitelerinizi mobil cihazlara daha uyumlu hale getirebilirsiniz ve tarayıcı ile yaşanılan uyumsuzluk sorunlarını en aza indirebilirsiniz. Bootstrap’ın sunmuş olduğu varsayılan öğeleride kullanabilirsiniz. Bunun yanında isterseniz tüm öğeleri kendinize göre özelleştirip hem uyumluluğu sağlayıp hem de tasarımsal açıdan gerekli olan görünümü sağlayabilirsiniz. Fakat CSS bilgisi olmadan Bootstrap öğrenmek çok doğru bir davranış olmayacaktır. Yani öncelikle CSS öğrenip sonra Bootstrap’ı öğrenmeniz sizin için daha faydalı ve kullanışlı olacaktır. • Bootstrap Nedir? • Bootstrap CSS Dosyasının İncelenmesi • Fluid Grid Sistemi • Responsive Tasarım • HTML Etiketleri • Tablo Etiketleri • Birden Fazla Sınıf Kullanımı • Formlar • Radio ve CheckBox Butonları • Input Focus Özelliği • Opsiyonel Form İkonları • Bootstrap ile Gelen Temel Butonlar • Link Etiketleri • Responsive Resimler • HTML için Yardımcı Öğeler • Div Etiketi ve Float • Bootstrap Bileşenleri • Glyph İkon Kütüphanesi • Navigasyon Menüleri • Tab ve Pill Öğeleri • Breadcrumbs Öğesi • Pager Öğesi • Jumbotron Öğesi • Javascript Efekleri • Renkli Paneller • Responsive Duyarlı Video Kutuları • Javascript Sistemi ve Bootstrap • Modal.JS, Dropdown.JS, ScrollSpy.JS • Tab.JS, Tooltip.JS, Popover.JS, Alert.JS • Button.JS, Collapse.JS, Carousel.JS • Akordiyon Menü • Bootstrap ile Canlı Televizyon İzleme Sitesi • Bootstrap ile Portfolyo Sayfası Yapma • Font Awesome Kütüphanesi • Bootstrap’ın Liste Kutusu ile Font Awesome • Bloklu Twitter |
Contents
Section 16 | 255 |
Section 17 | 256 |
Section 18 | 257 |
Section 19 | 258 |
Section 20 | 260 |
Section 21 | 262 |
Section 22 | 263 |
Section 23 | 264 |
Section 9 | 175 |
Section 10 | 181 |
Section 11 | 190 |
Section 12 | 211 |
Section 13 | 213 |
Section 14 | 215 |
Section 15 | 228 |
Section 24 | 267 |
Section 25 | 280 |
Section 26 | 285 |
Section 27 | 287 |
Section 28 | 288 |
Common terms and phrases
Açılır Menü adet alan Alias aliquid Ana Sayfa aşağıdaki gibi olacaktır başlık Blanditiis block blog Bootstrap Bootstrap’ın boyutlandırma Bölüm 9 Proje btn-lg Bununla beraber butonlar button type="button class="btn btn-info class="form-control class="list-group-item class="thumbnail consectetur adipisicing elit çıktı çıktısı ise aşağıdaki display div class="form-group dolor sit amet DVD ekinde Bölüm ekledik ekleyebilirsiniz ekrana ekstra etiketi etiketine etiketleri farklı form gerekli olan kodlarımız hover href ikonlar İletişim input ipsum dolor sit isterseniz JavaScript jumbotron Kanallar kısım kısımda kısmına klasöründe bulabilirsiniz KODLAB KODLAB KODLABHD KODLABHD KODLABHD kodları kodlarımız aşağıdaki gibidir Kodlarımız ise aşağıdaki kodlarını kodu kodumuz Kodumuzun çıktısı kullanabilirsiniz kullanarak kullandık kullanım için gerekli Küçük label laboriosam Lorem ipsum dolor mobil MySQL navigasyon neque olduk oluşacak öğe öğeleri öğreneceğiz örneği DVD ekinde Örnek kullanım Proje 1 klasöründe renk Resimde göründüğü sağ sağladık sağlayabilirsiniz sayede sayesinde sınıf Sitesi span Şimdi table varsayılan veniam Vurgulamış olduğum width yapabilirsiniz yazdık