چرا نوبار بوت‌ استرپ همیشه در حالت collapsed هستش ؟

سلام به نظر میرسه که مشکلت به احتمال زیاد به دلیل تنظیمات نادرست در کد HTML و کلاس‌ های بوت‌استرپ هست. وقتی اینظوری میشه ممکنه به خاطر یکی از دلایل زیر باشه

مطمئن شو که کلاس‌های navbar و navbar-expand رو درست استفاده کردی و برای حالت collapsed باید از کلاس navbar-expand-lg یا مشابه اون استفاده کنی. این کلاس باعث میشه که نوبار در اندازه‌ های بزرگ‌تر از اندازه مشخص شده، باز باشه

مطمئن شو که ساختار HTML نوبار طبق داکیومن بوت‌استرپ درست نوشته شده

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Brand</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
    </ul>
  </div>
</nav>

اگه از CSS کاستوم استفاده میکنی، مطمئن شو که هیچ قانونی وجود نداره که باعث بشه نوبار همیشه collapsed باشه مثلاً اگر از display: none یا قوانین مشابه استفاده کرده باشی ممکنه این مشکل ایجاد بشه

اگر از پلاگین‌ های JavaScript استفاده میکنی، مطمئن شو که مشکلی با اسکریپت‌ ها نداری و همه فایل‌های JavaScript  درست لود میشن.