animated bootstrap hamburger - SerPan23/a-little-more-beautiful-bootstrap GitHub Wiki

Usage:

Simple navbar-toggler:

...
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"   aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>
...

You need change to this (choose anim-1 or anim-2):

...
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <div class="anim-bar anim-1">  
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </div>
</button>
...

⚠️ GitHub.com Fallback ⚠️