Как сделать hamburger menu?

Question

[Serezha]

добрый вечер )
есть вот такой вот код хедера

<!--Headers -->
<header id="headers" class="header fixed-top">
    <div class="container">
        <div class="row d-flex">
            <div class="col-lg-3">
                <img src="/img/logo.png" alt="logo" class="logo">
            </div>

            <div class="col-lg-5 ml-auto">

              <nav>
                    <ul class="menu d-flex align-items-center">
                        <li class="menu__item">
                            <a href="">Home</a>
                            <a href="">Service</a>
                            <a href="#blog">Blog</a>
                            <a href="">About</a>
                        </li>
                    </ul>
                </nav>
            </div>

            <div class="col-lg-2 d-flex align-items-center">
                <div class="contact">
                    <a href="#">Contact</a>
                </div>

            </div>

        </div>
    </div>
    </div>
</header>

как мне туда присобачить кнопку гамбургера и что бы при клике открывалось меню ?

Comments

[Ankhena]

Первая ссыль из гугла https://mdbootstrap.com/docs/jquery/navigation/ham...

Answer 1

[persol]

На сайте бутстрапа есть готовые экземплы с описанием:
https://getbootstrap.com/docs/4.5/components/navbar/
(на русском https://bootstrap-4.ru/docs/4.5/components/navbar/).
Бонус: https://getbootstrap.com/docs/4.5/examples/navbars/