Container

Container Sistemi

Temel Container

Temel Container Kullanımı

<div class="nvs-container">
  <!-- İçerik buraya -->
</div>

Responsive Max-Width Değerleri:

Breakpoint	Max Width
sm	540px
md	720px
lg	960px
xl	1140px
xxl	1320px

Breakpoint-Specific Container'lar

Responsive Container Örnekleri

<div class="nvs-container-sm">Sadece SM ve üzeri için max-width</div>
<div class="nvs-container-md">Sadece MD ve üzeri için max-width</div>
<div class="nvs-container-lg">Sadece LG ve üzeri için max-width</div>
<div class="nvs-container-xl">Sadece XL ve üzeri için max-width</div>
<div class="nvs-container-xxl">Sadece XXL ve üzeri için max-width</div>

Fluid Container

Tam Genişlik Container

<div class="nvs-container-fluid">
  <!-- Tam genişlik içerik, max-width kısıtlaması yok -->
</div>

Dikkat

Fluid container kullanırken, çok geniş ekranlarda içeriğin okunabilirliğini kontrol edin.