<!--Navbar-->

<nav class="navbar navbar-toggleable-md navbar-dark bg-primary">

    <div class="container">

        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">

            <span class="navbar-toggler-icon"></span>

        </button>

        <a class="navbar-brand" href="#">

            <strong>Navbar</strong>

        </a>

        <div class="collapse navbar-collapse show" id="navbarNav1">

            <ul class="navbar-nav mr-auto">

                <li class="nav-item active">

                    <a class="nav-link">Home <span class="sr-only">(current)</span></a>

                </li>

                <li class="nav-item">

                    <a class="nav-link">Features</a>

                </li>

                <li class="nav-item">

                    <a class="nav-link">Pricing</a>

                </li>

                <li class="nav-item dropdown btn-group">

                    <a class="nav-link dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>

                    <div class="dropdown-menu dropdown" aria-labelledby="dropdownMenu1">

                        <div class="container">

                            <div class="row">

​

                                <div class="col-md-2 offset-md-1">

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                </div>

​

                                <div class="col-md-2">

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                </div>

​

                                <div class="col-md-2">

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                </div>

​

                                <div class="col-md-2">

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                </div>

​

                                <div class="col-md-2">

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                    <a class="dropdown-item" href="#">Link</a>

                                </div>

​

                            </div>

​

                        </div>

                    </div>

                </li>

            </ul>

            <form class="form-inline waves-effect waves-light">

                <input class="form-control" type="text" placeholder="Search">

            </form>

        </div>

    </div>

</nav>