Falcon Navbar Double Top از تمام اجزای Boostrap Navbar پشتیبانی می کند . .navbar-brand, .navbar-nav, .navbar-toggler, .form-inline, .navbar-text, .collapse.navbar-collapse آن کامپوننت های فرعی در Navbar Double Top استفاده می شود.

<nav class="navbar navbar-light navbar-glass navbar-top">
<div>

<!-- Navbar Content-->
</div>
<hr class="my-2 d-none d-lg-block" />
<div class="collapse navbar-collapse" id="triggerID">

<!-- Collapsible content-->
</div>
</nav>

Navbar Double Top می‌تواند از .navbar-toggler, .navbar-collapseو .navbar-expand{-sm|-md|-lg|-xl} کلاس‌ها برای تغییر زمانی که محتوای آنها پشت یک دکمه جمع می‌شود، استفاده کند. در ترکیب با ابزارهای دیگر، می توانید به راحتی انتخاب کنید که چه زمانی عناصر خاص را نشان دهید یا پنهان کنید.

برای نوارهای ناوبری که هرگز جمع نمی شوند، .navbar-expand کلاس را در ناوبری اضافه کنید. برای نوارهای ناوبری که همیشه جمع می شوند، کلاسی اضافه نکنید .navbar-expand .

تغییر رنگ Navbar Double Top بسیار آسان است. Falcon .navbar-light برای یک ظاهر طراحی شده از Navbar Double Top استفاده می کند. می‌توانید از کلاس‌های دیگر ابزار Bootstrap برای به‌روزرسانی ناوبری استفاده کنید. درباره طرح های رنگی ناوبری بوت استرپ بیشتر بدانید .

می توانید ویژگی darken on scroll را به ناوبری Bootstrap اضافه کنید، فقط data-navbar-darken-on-scroll ویژگی را به .navbar عنصر اضافه کنید. bg-dark به‌طور پیش‌فرض، کد رنگی برای تیره کردن ناوبری استفاده می‌شود .

<nav class="navbar navbar-expand-lg navbar-dark" data-navbar-darken-on-scroll="data-navbar-darken-on-scroll">

<!-- Navbar content -->
</nav>

شما می توانید رنگ پس زمینه ناوبری از لیست رنگ های زیر تغییر دهید primary, secondary, success, info, warning, danger, light, dark, black, 1100, 1000, 900, 800, 700, 600, 500, 400, 300, 200, 100, white دیدن تمام رنگ ها

<nav class="navbar navbar-expand-lg navbar-dark" data-navbar-darken-on-scroll="primary">

<!-- Navbar content -->
</nav>