ناوبری پایه
با گسترش پایه، سبک ناوبری خود را بچرخانید.nav
component. All Bootstrap’s nav components are built on top of this by specifying additional styles.
با Border حرکت کنید
برای بسته بندی با حاشیه، استفاده کنید.wrap-border
class.
با نماد حرکت کنید
حرکت با قرص
گزینه های تراز افقی
تراز افقی ناوبری خود را با ابزارهای flexbox تغییر دهید.
شروع محتوا را توجیه کنید
با.justify-content-start
class.
مرکز محتوا را توجیه کنید
در مرکز با.justify-content-center
class.
پایان محتوا را توجیه کنید
با.justify-content-end
class.
Navs عمودی
پیمایش خود را با تغییر جهت فلکس مورد با.flex-column
utility
ناوبری پایه
با گسترش پایه، سبک ناوبری خود را بچرخانید.nav
component. All Bootstrap’s nav components are built on top of this by specifying additional styles.
با Border Divider حرکت کنید
برای افزودن تقسیم کننده، استفاده کنید.dropdown-divider
class to <li>
Navs با برچسب و قرص برچسب
با برچسب
برای افزودن برچسب به ناوبری، استفاده کنید.badge.badge-COLOR
classes.
- جدید Heading 1
- منطقه ی فعال
- منطقه قابل کلیک
- منطقه قابل کلیک
- سرفصل 2beware
- منطقه قابل کلیک
با قرص لیبل
برای افزودن قرص برچسب به ناو، استفاده کنید.badge.badge-pill.badge-COLOR
classes.
- 5 Heading 1
- منطقه ی فعال
- منطقه قابل کلیک
- منطقه قابل کلیک
- سرفصل 27
- منطقه قابل کلیک
با برچسب برای پیوندها
- جدید Heading 1
- منطقه ی فعال6
- لینک قابل کلیک7
- لینک قابل کلیک9
- سرفصل 2Info
- لینک قابل کلیک5
- لینک قابل کلیک6
با برچسب قرص برای لینک
- اطلاعیه Heading 1
- منطقه ی فعال6
- لینک قابل کلیک5
- لینک قابل کلیک7
- سرفصل 2 Available
- لینک قابل کلیکOffline
- لینک قابل کلیکOnline