Skip to content
KolayCSS

Menü Çubuğu (Navbar)

Navbar; marka ve gezinme bağlantılarını yatay şekilde düzenler. Koyu (varsayılan) ve açık (navbar-light) temaları vardır.

Canlı örnek

Dark (default)

Light (.navbar-light)

Kod

<nav class="navbar">
  <span class="navbar-brand">Brand</span>
  <ul class="navbar-nav">
    <li><a class="nav-link active" href="#">Home</a></li>
    <li><a class="nav-link" href="#">Features</a></li>
  </ul>
</nav>

İpucu: Üstte sabitlemek için .sticky-top, .navbar-brand ve .nav-link kullanın; sayfanın kendi stillerinden özel sınıf ekleyebilirsiniz.