title: Bootstrap 5 dropdown is not working on Angular 12
body: <p>I'm trying to add the Bootstrap 5 dropdown in Angular 12 it's not working.</p>
  <p>I have installed all the necessary packages, added them to the <code>angular.json</code> file.</p>
  <p>Copied the exact example from Bootstrap 5 docs still not working.</p>
  <p>In <code>angular.json</code> I have given</p>
  <pre><code>&quot;styles&quot;: [
      &quot;node_modules/bootstrap/dist/css/bootstrap.min.css&quot;
  ],
  &quot;scripts&quot;: [
      &quot;node_modules/jquery/dist/jquery.min.js&quot;,
      &quot;node_modules/popper.js/dist/umd/popper.min.js&quot;,
      &quot;node_modules/bootstrap/dist/js/bootstrap.min.js&quot;
  ]
  </code></pre>
  <p>Below is my HTML code (same as in Bootstrap 5 docs)</p>
  <pre><code>&lt;div class=&quot;dropdown&quot;&gt;
    &lt;button class=&quot;btn btn-secondary dropdown-toggle&quot; type=&quot;button&quot; id=&quot;dropdownMenuButton1&quot; data- 
  bs-toggle=&quot;dropdown&quot; aria-expanded=&quot;false&quot;&gt;
  Dropdown button
    &lt;/button&gt;
    &lt;ul class=&quot;dropdown-menu&quot; aria-labelledby=&quot;dropdownMenuButton1&quot;&gt;
      &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Action&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Another action&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;Something else here&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I used the command <code>npm i</code> to install the packages without mentioning any version name so I guess the latest version was installed. Installed jQuery as the last resort read somewhere Bootstrap 5 doesn`t require jQuery. Any help is greatly appreciated.</p>