dropdown menu with multiple columns?

Topic: dropdown menu with multiple columns?

depicturevis pro asked 7 years ago

Hi, I was wondering if there is a way to have multiple columns with links in the dropdown-menu? Looking at the components, dropdown section I can't find an example of how this is done. Any help would be appreciated. Thanks! K

Add comment

Magdalena Obalska free answered 7 years ago

0 0 Best answer

You can try that kind of solution:

<ul class="nav">
    <li class="dropdown">
        <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown
        </button>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
            <li>
                <div class="row">
                    <ul class="list-unstyled col-md-4">
                        <li><a href="#" rel="nofollow">One</a></li>
                        <li><a href="#" rel="nofollow">Two</a></li>
                        <li><a href="#" rel="nofollow">Three</a></li>
                    </ul>
                    <ul class="list-unstyled col-md-4">
                        <li><a href="#" rel="nofollow">Four</a></li>
                        <li><a href="#" rel="nofollow">Five</a></li>
                        <li><a href="#" rel="nofollow">Six</a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </li>
</ul>

Please insert min. 20 characters.

You can try that kind of solution: <ul class="nav"> <li class="dropdown"> <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">

</div>

Add comment