Bootstrap ile Responsive Web Tasarımı Eğitimi

İrem Ocaklı tarafından hazırlanmıştır...

✎Bootstrap'in ızgara sistemi flexbox ile oluşturulmuştur ve sayfa boyunca 12 sütuna kadar izin verir.

☛Eşit kolonlara bölme örneği:

➊<div class="row border">
➋<div class="col border">12 sütunu 2 kolona böldük-1.sütun </div>
➌<div class="col border">12 sütunu 2 kolona böldük-2.sütun </div>
➍</div>
12 sütunu 2 kolona böldük-1.sütun
12 sütunu 2 kolona böldük-2.sütun
➊<div class="row border">
➋<div class="col border">12 sütunu 3 kolona böldük-1.sütun </div>
➌<div class="col border">12 sütunu 3 kolona böldük-2.sütun </div>
➍<div class="col border">12 sütunu 3 kolona böldük-3.sütun </div>
➎/div>
12 sütunu 3 kolona böldük(eşit)-1.sütun
12 sütunu 3 kolona böldük(eşit)-2.sütun
12 sütunu 3 kolona böldük(eşit)-3.sütun


☛Eşit olmayan kolonlara bölme örneği:

➊<div class="row border">
➋<div class="col border">12 sütunu 3 kolona böldük-1.sütun 2 yer kaplar </div>
➌<div class="col border">12 sütunu 3 kolona böldük-2.sütun 6 yer kaplar</div>
➍<div class="col border">12 sütunu 3 kolona böldük-3.sütun 4 yer kaplar </div>
➎/div>
12 sütunu 3 kolona böldük-1.sütun 2 yer kaplar
12 sütunu 3 kolona böldük-2.sütun 6 yer kaplar
12 sütunu 3 kolona böldük-3.sütun 4 yer kaplar
⇦
⇨