آموزش navbar (منوبار) در بوت استرپ 4: در این بخش از آموزش، با یکی از جذاب ترین و پرکاربرد ترین کامپوننت های بوت استرپ 4 یعنی navbar آشنا می شوید. کامپوننت navbar در بوت استرپ 4 به ما کمک می کند تا براحتی بتوانیم منوهای افقی یا عمودی در صفحه خود ایجاد کنیم.
Navbar شامل کلاس های زیر می باشد: Nav: برای ایجاد یک منو افقی استفاده می شود. Nav-link: برای لینک های منو استفاده می شود. Nav-tabs: برای ایجاد تب استفاده می شود. Tab-content: محتویات تب منو را مشخص می کند. Disabled: برای غیرفعال کردن آیتم های منو استفاده می شود. Active: برای فعال کردن آیتم های منو استفاده می شود. Navbar: برای ایجاد یک منو ناوبری استفاده می شود. Navbar-nav: برای ایجاد منو کشویی در حالت ریسپانسیو می باشد. Navbar-expand-(sm-md-lg-xl): برای نشان دادن منو دراندازه و دستگاه های مختلف می باشد. Navbar-brand: برای ایجاد لوگو یا نام برند استفاده می شود. Navbar-toggler: با استفاده از این کلاس می توانیم دکمه ای ایجاد کنیم و با کلیک بر روی آن آیتم های منو را که در دستگاه های کوچک مخفی شده اند را به صورت عمودی نمایش دهیم. Navbar-collapse: برای گروه بندی و مخفی کردن آیتم های منو در دستگاه های کوچک می باشد. Nav-item: برای ایجاد آیتم های منو استفاده می شود. Dropdown: با استفاده از این کلاس می توانیم منو کشویی ایجاد کنیم. Dropdown-toggle: برای باز کردن منوی کشویی از این کلاس استفاده می کنیم. Dropdown-menu: برای ساخت منوی کشویی استفاده می شود. Dropdown-item: برای ایجاد آیتم های منو کشویی استفاده می شود. Dropdown-divider: برای جدا کردن آیتم های منو کشویی با یک خط افقی می باشد. Navbar-color: رنگ متن منو را مشخص می کند. Fixed-bottom: برای ثابت کردن منو در پایین صفحه می باشد. Sticky-top: هنگام اسکرول، منو به بالای صفحه چسبیده می شود. Form-inline: برای ایجاد فرم در منو که شامل یک ورودی و دکمه می باشد استفاده می شود. دانلود از وبسایتwww.heilton.com