نوبار

هدر ناوبری پاسخگو، نوار ناوبری. شامل پشتیبانی از نام تجاری، پیمایش، و موارد دیگر، برای لیست کامل دستورالعمل ها و گزینه های دیگر مستندات رسمی بوت استرپ را بخوانید.

مثال پایه

در اینجا یک نمونه از تمام اجزای فرعی موجود در یک نوار ناوبری پاسخگو است که به طور خودکار در نقطه شکست lg (بزرگ) جمع می شود.

برند

کد .navbar-brand را می توان برای اکثر عناصر اعمال کرد، اما یک لنگر بهترین عملکرد را دارد زیرا برخی از عناصر ممکن است به کلاس های کاربردی یا سبک های سفارشی نیاز داشته باشند.

افزودن تصاویر به .navbar-brand احتمالاً همیشه به سبک‌ها یا ابزارهای سفارشی برای اندازه مناسب نیاز دارد. در اینجا چند نمونه برای نشان دادن آورده شده است.

فرم ها

کنترل‌های فرم و اجزای مختلف را در نوار ناوبری قرار دهید.

متن

نوارهای ناوبری ممکن است حاوی متن هایی با کمک .navbar-text باشند. این کلاس تراز عمودی و فاصله افقی را برای رشته های متن تنظیم می کند.

طرح رنگی

به لطف ترکیبی از کلاس های موضوعی و ابزارهای color-background، قالب بندی نوار ناوبری آسان تر نبوده است. از بین .navbar-light برای استفاده با رنگ‌های پس‌زمینه روشن یا .navbar-dark برای رنگ‌های پس‌زمینه تیره انتخاب کنید. سپس، با ابزارهای .bg-* سفارشی کنید.