how to align a link in a bootsrap navbar o the left

Solutions on MaxInterview for how to align a link in a bootsrap navbar o the left by the best coders in the world

showing results for - "how to align a link in a bootsrap navbar o the left"
Carlos
09 Jun 2016
1<nav class="navbar navbar-expand-md navbar-dark bg-dark">
2    <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
3        <ul class="navbar-nav mr-auto">
4            <li class="nav-item active">
5                <a class="nav-link" href="#">Left</a>
6            </li>
7            <li class="nav-item">
8                <a class="nav-link" href="//codeply.com">Codeply</a>
9            </li>
10            <li class="nav-item">
11                <a class="nav-link" href="#">Link</a>
12            </li>
13            <li class="nav-item">
14                <a class="nav-link" href="#">Link</a>
15            </li>
16            <li class="nav-item">
17                <a class="nav-link" href="#">Link</a>
18            </li>
19        </ul>
20    </div>
21    <div class="mx-auto order-0">
22        <a class="navbar-brand mx-auto" href="#">Navbar 2</a>
23        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".dual-collapse2">
24            <span class="navbar-toggler-icon"></span>
25        </button>
26    </div>
27    <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
28        <ul class="navbar-nav ml-auto">
29            <li class="nav-item">
30                <a class="nav-link" href="#">Right</a>
31            </li>
32            <li class="nav-item">
33                <a class="nav-link" href="#">Link</a>
34            </li>
35        </ul>
36    </div>
37</nav>
38