0
سبد خرید من 0 دوره
سبد خرید شما خالیست :(
پرسش

چطور میشه آیتم‌ های navbar تو بوت استرپ رو به سمت راست تنظیم کرد؟

How to align items to the right in Bootstrap 5 navbar?

تو بوت استرپ  من میخوام آیتم‌های navbar رو به سمت راست تنظیم کنم. میدونم که برای این کار میشه از کلاس‌ ها استفاده کرد، اما مطمئن نیستم که بهترین روش چیه

1403/06/01
پاسخ

سلام برای تنظیم آیتم‌ های navbar به سمت راست  میتونی از کلاس‌ های بوت استرپ برای مدیریت چیدمان استفاده کنی

یک نمونه کد برای تنظیم آیتم‌های navbar به سمت راست برات مینویسم

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container">
    <a class="navbar-brand" href="#">Brand</a>
    <div class="collapse navbar-collapse">
      <ul class="navbar-nav ms-auto"> 
        <li class="nav-item">
          <a class="nav-link active" href="#">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">About</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Contact</a>
        </li>
      </ul>
    </div>
  </div>
</nav>

ms-auto راست‌ چین کردن استفاده میشه و باعث میشود آیتم‌ ها به سمت راست حرکت کنند.

navbar-nav برای ایجاد لیست آیتم‌ های navbar استفاده میشن و باید داخل navbar-collapseباشه

پاسخ: 1403/06/01
آخرین آپدیت: 1403/07/23