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 vote313 views1 answer
Jquery radio button checked on page load
Html
0 vote339 views1 answer
Basic progressbar with percentage values
Html
1 vote334 views1 answer
Vue get data from slot template
Html
0 vote305 views1 answer
Create a animated emoji discored
Html
0 vote314 views1 answer
Pgadmin erd tool existing database
Html
29 votes290 views1 answer
How to make the dashed border with longer dashes css
Html
50 votes346 views6 answers
Html text color
Html
0 vote292 views2 answers
Auto reload
Html
0 vote331 views2 answers
Label input mdn
Html
0 vote279 views1 answer
Px in react is different from html file
Html