title: How to fix dropdown not displaying on click?
body: <p>I'm creating a static website with HTML, but the CSS framework was built for me via a free theme builder. Now it's time for me to implement the framework successfully. I'm using <a href="https://bootstrap.build/" rel="nofollow noreferrer">Bootstrap Builder</a> with their documentation to form my CSS, and from there adding additional content I need. I'm trying to add a dropdown in my Navbar, but for some reason the example they give me isn't working, but their demo/example does. I've copied their code line-for-line and haven't been able to get the example to even work. The sample code I share below is for a button dropdown, the only difference is using the btn class, but the code otherwise is exactly the same for a Navbar dropdown.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="dropdown"&gt;
    &lt;a class="btn btn-secondary dropdown-toggle" href="#dropdownMenuLink" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;Dropdown link&lt;/a&gt;
      &lt;div class="dropdown-menu" aria-labelledby="dropdownMenuLink"&gt;
      &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;
      &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;
      &lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I expect that when I click on the dropdown, the items listed would display in a ... well... dropdown.</p>
  
  <p>Expected results:
  <a href="https://prnt.sc/n9yayd" rel="nofollow noreferrer">Untoggled/Not Clicked</a> and
  <a href="https://prnt.sc/n9ybk8" rel="nofollow noreferrer">Toggled/Clicked</a>, without the green square around it obviously.</p>