Layout

Sistem grid responsif dan container untuk membangun layout yang konsisten.

Container

Container memberikan lebar maksimum dan centering untuk konten Anda.

Container dengan lebar maksimum dan centering

<div class="container">...</div>
<div class="container-fluid">...</div>

Sistem grid 12 kolom yang responsif dengan breakpoints.

col-12 (100%)

col-6 (50%)

col-4 (33%)

<div class="row">
  <div class="col-6">...</div>
  <div class="col-6">...</div>
</div>

Gunakan breakpoint prefixes untuk kontrol responsif.

col-12 md:col-6 lg:col-4

<div class="col-12 md:col-6 lg:col-4">...</div>

Utilitas flexbox untuk alignment dan distribution.

Left

Center

Right

.d-flex .justify-between .items-center .gap-*

Sistem spacing yang konsisten dengan skala 0.25rem.

p-2

p-3

p-4

p-5

.p-1..8 .m-1..8 .gap-1..8 .g-1..5 (grid gutters)

ferzui mendukung RTL (Right-to-Left) untuk bahasa seperti Arabic dan Hebrew.

محتوى باللغة العربية

עברית