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