Container

Container System

Basic Container

Basic Container Usage

<div class="nvs-container">
  <!-- Content goes here -->
</div>

Responsive Max-Width Values:

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

Breakpoint-Specific Containers

Responsive Container Örnekleri

<div class="nvs-container-sm">Max-width for SM and above</div>
<div class="nvs-container-md">Max-width for MD and above</div>
<div class="nvs-container-lg">Max-width for LG and above</div>
<div class="nvs-container-xl">Max-width for XL and above</div>
<div class="nvs-container-xxl">Max-width for XXL and above</div>

Fluid Container

Tam Genişlik Container

<div class="nvs-container-fluid">
  <!-- Full-width content, no max-width constraint -->
</div>

Warning

When using a fluid container, check readability on very wide screens.