title: Bootstrap dropdown menu disappears after clicking toggler-icon
body: <p>I have copy pasted a navbar from bootstrap:
  <a href="https://getbootstrap.com/docs/4.3/components/navbar/" rel="nofollow noreferrer">https://getbootstrap.com/docs/4.3/components/navbar/</a></p>
  
  <p>When i paste this code into my project, the navbar works except when <strong>I shrink the browser to mobile size and</strong> click on the hamburger menu. When I click on the menu, all of my  appear, but they disappear very quickly after that. I also have to click the hamburger menu twice for the anchor tags to appear. This same thing happens to the navbar I have created which i will post below.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;nav class="navbar navbar-expand-lg navbar-light bg-light"&gt;
      &lt;img id="navbarLogo" src="img/Home/Crunchsoft.techSignature.png"&gt;
      &lt;button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbar"
          aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"&gt;
          &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;div class="navbar-collapse collapse" id="navbar"&gt;
          &lt;div id="navbar-items" class="navbar-nav"&gt;
              &lt;a class="nav-item nav-link active" href="#"&gt;Home &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
              &lt;a class="nav-item nav-link" href="#"&gt;Services&lt;/a&gt;
              &lt;a class="nav-item nav-link" href="#"&gt;Contact&lt;/a&gt;
              &lt;a class="nav-item nav-link" href="#"&gt;About&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>My _Host.cshtml:</p>
  
  <pre><code>@page "/"
  @namespace Crunchsoft.techWebsite.Pages
  @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
  
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;title&gt;Crunchsoft.techWebsite&lt;/title&gt;
      &lt;base href="~/" /&gt;
  
      @*custom css*@
      &lt;link href="css/index.css" rel="stylesheet" /&gt;
  
      &lt;!-- bootstrap css --&gt;
      &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
            integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"&gt;
  
      @*Animation*@
      &lt;link href="assets/animate.css" rel="stylesheet" /&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;app&gt;
          @(await Html.RenderComponentAsync&lt;App&gt;(RenderMode.ServerPrerendered))
      &lt;/app&gt;
      &lt;!-- jQuery library --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Latest compiled JavaScript --&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="_framework/blazor.server.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have tried putting scripts at the bottom of the page and putting bootstrap in different spots in my head tag to no avail.</p>
  
  <p>I have already looked at lots of other stackoverflow solutions:</p>
  
  <p><a href="https://stackoverflow.com/questions/39116314/bootstrap-dropdown-disappears-after-clicking-it">Bootstrap dropdown disappears after clicking it</a></p>
  
  <p><a href="https://stackoverflow.com/questions/57782021/bootstrap-4-toggle-checkbox-within-dropdown-menu">Bootstrap 4 Toggle Checkbox within Dropdown menu</a></p>
  
  <p><a href="https://stackoverflow.com/questions/10480697/keep-bootstrap-dropdown-open-on-click">Keep Bootstrap dropdown open on click</a></p>
  
  <p>And wasn't able to pull an answer that worked for me out of that.</p>
  
  <p>On a more frustrating note, when i create my navbar in a fiddle, it works.</p>
  
  <p><a href="https://jsfiddle.net/MaxTaylor/6rftaw3o/1/" rel="nofollow noreferrer">https://jsfiddle.net/MaxTaylor/6rftaw3o/1/</a></p>
  
  <p>Edit:
  I have tried commenting out all of my style sheets except for bootstrap and i still have this problem. I'm using Blazor .AspNetCore. I tried this same thing using Visual Studio Code and it worked, but still not working in my Blazor project.</p>