Skip to content
KolayCSS

Grid Sistemi

Konteyner, satır ve 12 sütunlu duyarlı grid. Kırılma noktaları: sm (576), md (768), lg (992), xl (1200).

Canlı örnek

col-md-4
col-md-4
col-md-4
col-6
col-md-3
col-6
col-md-3
col-6
col-md-3
col-6
col-md-3

Kod

<div class="container">
  <div class="row">
    <div class="col-md-4">Left column</div>
    <div class="col-md-4">Middle column</div>
    <div class="col-md-4">Right column</div>
  </div>
</div>

İpucu: Kırılma noktasının altında kolonlar alt alta dizilir. Örneğin col-md-4, 768px altında tek sütuna geçer.