Bootstrap 2 rows menu

<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
    <div class="container">
        <button class="navbar-toggler navbar-toggler-right align-self-center mt-3" type="button" data-toggle="collapse" data-target="#navbarCollapse">
            <span class="navbar-toggler-icon"></span>
        </button>
        <h1 class="py-2 ml-lg-2 mx-3"><a href="#"><i class="fa fa-envelope-o fa-lg mt-2" aria-hidden="true"></i></a></h1>
        <div class="collapse navbar-collapse flex-column ml-lg-0 ml-3" id="navbarCollapse">
            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Product</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Shop</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Events</a>
                </li>
            </ul>
            <ul class="navbar-nav flex-row mb-2">
                <li class="nav-item">
                    <a class="nav-link py-1 pr-3" href="#"><i class="fa fa-facebook"></i></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link py-1 pr-3" href="#"><i class="fa fa-instagram"></i></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link py-1 pr-3" href="#"><i class="fa fa-twitter"></i></a>
                </li>
            </ul>
        </div>
    </div>
</nav>

Source: stackoverflow.com

Similar codes

0 vote196 views1 answer
Who is circle are you acting like(c)[https://www.youtube.com/fe:f9:39:B4:2+02/history(0 YouTube
Html
1 vote134 views1 answer
Anchor tag for the same page
Html
0 vote165 views1 answer
Tailwind CSS navbar
Html
-1 vote141 views1 answer
Later synonym
Html
0 vote170 views1 answer
Grid in html
Html
-1 vote141 views1 answer
Bootstrap align-self: center;
Html
0 vote138 views1 answer
Fix table height html
Html
0 vote152 views1 answer
Href download specify file name
Html
1 vote166 views2 answers
Add a floating call/phone button in html
Html
1 vote142 views2 answers
Tailwind text opacity
Html