title: Why Hamburger won't open when clicked?
body: <p>Here is code below. I try to write same cod in youtube, but I have problem why my hamburger can't open even it same code. I already pu bootstrap, jquaery, js. data-bs-target actually same with id just put some # to link it. Anyone can help me? Thank you.</p>
  <pre><code>  &lt;!DOCTYPE html&gt;
    &lt;html lang=&quot;en&quot;&gt;
     &lt;head&gt;
        &lt;meta charset=&quot;UTF-8&quot;&gt;
        &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
        &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
        &lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot; type=&quot;text/css&quot;&gt;
        &lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css&quot; 
        rel=&quot;stylesheet&quot; integrity=&quot;sha384- 
        +0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x&quot; 
        crossorigin=&quot;anonymous&quot;&gt;
  
        &lt;title&gt;Frontend Bootcamp&lt;/title&gt;
        &lt;/head&gt;
        &lt;body&gt;
  
        &lt;!--Navbar Section--&gt;
        &lt;nav class=&quot;navbar navbar-expand-lg bg-dark navbar-dark py-3 fixed-top&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
          &lt;a href=&quot;#&quot; class=&quot;navbar-brand&quot;&gt;Fronted Bootcamp&lt;/a&gt;
  
          &lt;!--Hamburger Menu button--&gt;
          &lt;button 
              class=&quot;navbar-toggler&quot;
              type=&quot;button&quot;
              data-bs-toggle=&quot;collapse&quot;
              data-bs-target=&quot;#navmenu&quot;&gt;
              &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
          &lt;/button&gt;
  
          &lt;!--Hamburger link--&gt;
          &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navmenu&quot;&gt;
              &lt;ul class=&quot;navbar-nav ms-auto&quot;&gt;
                  &lt;li class=&quot;nav-item&quot;&gt;
                      &lt;a href=&quot;#learn&quot; class=&quot;nav-link&quot;&gt;What You'll Learn&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class=&quot;nav-item&quot;&gt;
                      &lt;a href=&quot;#question&quot; class=&quot;nav-link&quot;&gt;Questions&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class=&quot;nav-item&quot;&gt;
                      &lt;a href=&quot;#instructors&quot; class=&quot;nav-link&quot;&gt;Instructors&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;/div&gt;
          &lt;/nav&gt;
  
  
  
      &lt;script src=&quot;https://code.jquery.com/jquery-3.3.1.slim.min.js&quot; integrity=&quot;sha384- 
      q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo&quot; 
      crossorigin=&quot;anonymous&quot;&gt; 
      &lt;/script&gt;
      &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js&quot; 
      integrity=&quot;sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut&quot; 
      crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js&quot; 
      integrity=&quot;sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k&quot; 
      crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
     &lt;/body&gt;
     &lt;/html&gt;
  </code></pre>