Açık kaynak kodlu, ücretsiz bir CSS frameworktür, tasarım aracıdır. Kolayca telefonlar, tabletler ve masaüstü bilgisayarlar için farklı ve cihaz büyüklüğüne uygun şekilde sitenizin gözükmesini sağlayan temalar/tasarımlar yapabilirsiniz. Bir site için gerekli olan tüm elemenleri (form ögeleri, etiketler, tablolar, uyarı ve bilgi metinleri, navigasyon bar, sayfalandırma modülü, açılan menüler, farklı özellikte butonlar vb bir çok tasarım ögesini) içinde barındıran Bootstrap tasarım yaparken bu hazır elementleri kullanarak bütün cihazlara uygun tasarımlar geliştirmenize yarar. Yani her şeyi hazır olan kodlarla yeni bir tasarım ortaya koymak çok basit ve pratiktir. Stiller, imajlar , js’ler daha önceden sistemin içine monte edilmiştir. Sizin yapacağınız tek şey bunları çağırmaktır.


[85 Ders] Bootstrap Görsel Eğitim Seti

Ders 01 - Bootstrap ile Web Sitesi Giriş

Ders 02 - Bootstrap ile ilk projemizi oluşturuyoruz

Ders 03 - Sayfamıza Navbar (menu) Ekledik.

Ders 04 - Navbar collapse

Ders 05 - Dropdown menü

Ders 06 - Carousel (slide) uygulaması

Ders 07 - 100% slide yapımı carousel 2

Ders 08 - Grid Sistemi container ile row classlari

Ders 09 - Grid col lg X classi

Ders 10 - Grid col md X classi

Ders 11 - Grid col sm X classi

Ders 12 - Grid col xs X classi

Ders 13 - Panel panel default panel heading panel title classlari

Ders 14 - Panel-body panel-footer classlari

Ders 15 - Panel primary panel success panel info panel warning panel danger classlari

Ders 16 - List group ile side bar oluşturduk

Ders 17 - List-group linklerle kullanılması ve badge classı

Ders 18 - Anasayfada videoların listelenmesi 1

Ders 19 - Anasayfada videoların listelenmesi alternatif yöntem

Ders 20 - Tab uygulaması ile anasayfada makalelerin listelenmesi 1

Ders 21 - Tab uygulaması ile anasayfada makalelerin listelenmesi 2

Ders 22 - Tab uygulaması ile anasayfada makalelerin listelenmesi 3

Ders 23 - Tab uygulaması ile anasayfada makalelerin listelenmesi 4

Ders 24 - Tab uygulaması ile anasayfada makalelerin listelenmesi tamamlandı

Ders 25 - Footer

Ders 26 - Modal ile Login Popup Penceresi 1

Ders 27 - Modal ile Login Popup Penceresi 2

Ders 28 - Navbarda (menüde) arama formu

Ders 29 - Content Hover Eklentisi

Ders 30 - Content Hover Uygulaması

Ders 31 - Sayfamızın Hazırlanması

Ders 32 - Hakkımızda - jumbotron ve page-header kullanımı

Ders 33 - Hakkımızda - Sayfamıza Resim Ekledik

Ders 34 - Hakkımızda - Giriş kısmı için text alanı

Ders 35 - Hakkımızda Sayfamızda yöneticilerimizi listeleme 1

Ders 36 - Hakkımızda - Sayfamızda yöneticilerimizi listeleme 2

Ders 37 - Hakkımızda Sayfamızda yöneticilerimizi listeleme 3

Ders 38 - Hakkımızda - Popover ile özgeçmişi görüntüle

Ders 39 - Hakkımızda - Listemizi düzenledik

Ders 40 - Hakkımızda - Well ve Alert classları ile son söz

Ders 41 - Hakkımızda - fancybox incelemesi

Ders 42 - Hakkımızda - Lightbox kullanmı

Ders 43 - Hakkımızda - Responsive ayarlamaları 1

Ders 44 - Hakkımızda - Responsive ayarlamaları 2

Ders 45 - Hakkımızda - Sayfaya son bakış

Ders 46 - Makaleler - Menünün Düzenlenmesi ve Sayfa Bloklarının Ayarlanması

Ders 47 - Makaleler - list group ile Kategori listesi sidebar alanı

Ders 48 - Makaleler - collapse ile Kategori listesi acordion menu yapımı

Ders 49 - Makaleler - collapse ile Kategori listesi acordion menu yapımı 2

Ders 50 - Makaleler - collapse ile Kategori listesi acordion menu yapımı 3

Ders 51 - Makaleler - Makale listeleme işlemleri

Ders 52 - Makaleler - Makale başlığı

Ders 53 - Makaleler - Makale resmi

Ders 54 - Makaleler - Makale özet yazısı

Ders 55 - Makaleler - Breadcrumbs classı ile Makale kategori hiyerarşisi

Ders 56 - Makaleler - Makale oku linki

Ders 57 - Makaleler - Makale Detay sayfası 1

Ders 58 - Makaleler - Makale Detay sayfası 2

Ders 59 - Makaleler - Makale Detay sayfası 3

Ders 60 - Makalaler - Makale Detay Sayfası 4

Ders 61 - Makaleler - Makale Detay Sayfası 5

Ders 62 - Makaleler - Makale Detay Sayfası 6

Ders 63 - Makaleler - Makale Detay Sayfası 7

Ders 64 - Makaleler - Makale Detay Sayfası 8

Ders 65 - Makaleler - Makale Listemizin çoğaltılması

Ders 66 - Makaleler - Sayfalama için pagination kullanımı

Ders 67 - Makaleler - Ana Kategoriye göre listeleme 1

Ders 68 - Makaleler - Ana Kategoriye göre listeleme 2

Ders 69 - Makaleler - Alt Kategoriye göre listeleme

Ders 70 - Makaleler - Son Kontroller

Ders 71 - Videolar - Sayfaların Oluşturulması

Ders 72 - Videolar - Videolar Sayfası

Ders 73 - Videolar - Videolar Ana Kategori ve alt kategori Sayfası

Ders 74 - Videolar - Video Detay Sayfası 1

Ders 75 - Videolar - Video Detay Sayfası 2

Ders 76 - Videolar - Video Detay Sayfası 3

Ders 77 - Videolar - Video Detay Sayfası 4

Ders 78 - Videolar - Video Detay Sayfası 5

Ders 79 - Videolar - Video Detay Sayfası 6

Ders 80 - Videolar - Son Kontroller

Ders 81 - İletişim - Sayfanın Oluşturulması

Ders 82 - İletişim - İletişim Formu

Ders 83 - İletişim - İletişim Bilgileri

Ders 84 - İletişim - Harita Bölümü

Ders 85 - İletişim - Son Kontroller


Umarım faydalı olur.