title: Bootstrap 4 navbar-toggler-icon does not appear
body: <p>Visit: <a href="https://jsfiddle.net/8tpm4z00/" rel="noreferrer">https://jsfiddle.net/8tpm4z00/</a>
  
    </p>
  
  <pre><code>&lt;div class="container"&gt;
  
    &lt;button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#myNavigation" aria-controls="myNavigation" aria-expanded="false" aria-label="Toggle navigation"&gt;
    &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
    &lt;/button&gt;
  
    &lt;a href="#" class="navbar-brand"&gt;KP&lt;/a&gt;
  
    &lt;div class="collapse navbar-collapse" id="myNavigation"&gt;
        &lt;div class="navbar-nav"&gt;
          &lt;a class="p-3 nav-item nav-link active " href="#"&gt;Home&lt;/a&gt;
          &lt;a class="p-3 nav-item nav-link " href="#"&gt;About&lt;/a&gt;
          &lt;a class="p-3 nav-item nav-link " href="#"&gt;Contact Me&lt;/a&gt;
        &lt;/div&gt;&lt;!-- &lt;div class="navbar-nav"&gt; --&gt;
    &lt;/div&gt;&lt;!-- &lt;div class="collapse navbar-collapse"&gt; --&gt;
  
  &lt;/div&gt;&lt;!-- &lt;div class="container"&gt; --&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>The <code>.navbar-toggler-icon</code> does not appear on the navbar-toggler button when the menu is collapsed for mobile responsiveness. </p>
  
  <p>I have searched about this problem and adjusted the jquery and bootstrap links also. By putting the jquery link above the bootstrap 4 links. But that does not seem to work. The external libraries are linked in my HTML in the same order as the jsfiddle.</p>