title: How to solve Dropdown Menu error and doesn't show?
body: <p>Here I use a bootstrap template, but the dropdown menu can't be opened ... I'm still a beginner and I don't understand how to fix it, what is the solution to my problem?</p>
  <pre><code>&lt;!-- Navigation--&gt;
      &lt;nav class=&quot;navbar navbar-expand-lg navbar-light bg-light&quot;&gt;
          &lt;div class=&quot;container px-4 px-lg-5&quot;&gt;
              &lt;a class=&quot;navbar-brand&quot; href=&quot;#!&quot;&gt;MITRA JAYA FURNITURE&lt;/a&gt;
              &lt;button class=&quot;navbar-toggler&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#navbarSupportedContent&quot; aria-controls=&quot;navbarSupportedContent&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Toggle navigation&quot;&gt;&lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;&lt;/button&gt;
              &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarSupportedContent&quot;&gt;
                  &lt;ul class=&quot;navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4&quot;&gt;
                      &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link active&quot; aria-current=&quot;page&quot; href=&quot;#!&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link&quot; href=&quot;#!&quot;&gt;Tentang Kami&lt;/a&gt;&lt;/li&gt;
                      &lt;li class=&quot;nav-item dropdown&quot;&gt;
                          &lt;a class=&quot;nav-link dropdown-toggle&quot; id=&quot;navbarDropdown&quot; href=&quot;#!&quot; role=&quot;button&quot; data-bs-toggle=&quot;dropdown&quot; aria-expanded=&quot;false&quot;&gt;Kategori&lt;/a&gt;
                          &lt;ul class=&quot;dropdown-menu&quot; aria-labelledby=&quot;navbarDropdown&quot;&gt;
                              &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;#!&quot;&gt;All Products&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;hr class=&quot;dropdown-divider&quot; /&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;#!&quot;&gt;Popular Items&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;#!&quot;&gt;New Arrivals&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link&quot; href=&quot;#!&quot;&gt;Tentang Kami&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;form class=&quot;d-flex&quot;&gt;
                      &lt;button class=&quot;btn btn-outline-dark&quot; type=&quot;submit&quot;&gt;
                          &lt;i class=&quot;bi-cart-fill me-1&quot;&gt;&lt;/i&gt;
                          Cart
                          &lt;span class=&quot;badge bg-dark text-white ms-1 rounded-pill&quot;&gt;0&lt;/span&gt;
                      &lt;/button&gt;
                  &lt;/form&gt;
                   &lt;ul class=&quot;navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4&quot;&gt;
                   &lt;li class=&quot;nav-item&quot;&gt;&lt;a class=&quot;nav-link&quot; href=&quot;login.php&quot;&gt;Login&lt;/a&gt;&lt;/li&gt;
               &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  </code></pre>
  <p>Why doesn't the dropdown box show? Here is you can see more of the code with preview HERE <a href="https://jsfiddle.net/laelza/yq68dok5/1/" rel="nofollow noreferrer">https://jsfiddle.net/laelza/yq68dok5/1/</a></p>
  <p>Please do tell me where I am wrong. Thank you so much. :)</p>