NVS FlexGrid

Modern web uygulamaları için geliştirilmiş responsive ve esnek bir grid sistemidir.

Genel Bakış

NVS FlexGrid, Bootstrap benzeri breakpoint yapısını kullanarak, farklı ekran boyutlarında tutarlı ve uyumlu layoutlar oluşturmanızı sağlar.

bilgi

Bu grid sistemi Flexbox teknolojisi üzerine inşa edilmiştir ve modern tarayıcılarda mükemmel performans sergiler.

Özellikler

✅ 12 kolonluk esnek grid sistemi
✅ 6 farklı responsive breakpoint (xs, sm, md, lg, xl, xxl)
✅ Flexbox tabanlı modern yaklaşım
✅ Justify-content ve align-items desteği
✅ Container sistemleri (fixed-width ve fluid)
✅ Minimal ve temiz CSS çıktısı

Kurulum

1. NPM ile Yükleyin

npm i nvs-flexgrid

2. HTML'de Kullanmaya Başlayın

index.html
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="dist/nvs-flexgrid.css" />
  </head>
  <body>
    <div class="nvs-container">
      <div class="nvs-row">
        <div class="nvs-col-12">
          <h1>NVS FlexGrid ile başlayın!</h1>
        </div>
      </div>
    </div>
  </body>
</html>

Browser Desteği

Browser	Version
Chrome	29+
Firefox	28+
Safari	9+
Edge	12+
IE	11 (kısmi)

Internet Explorer

IE11'de bazı modern Flexbox özellikleri tam desteklenmeyebilir. Kritik projeler için test edilmesi önerilir.

Genel Bakış​

Özellikler​

Kurulum​

1. NPM ile Yükleyin​

2. HTML'de Kullanmaya Başlayın​

Browser Desteği​