LEFT | RIGHT |
1 <div class="navbar bg-primary"> | 1 <div class="navbar bg-primary"> |
2 <div class="container"> | 2 <div class="navbar-container"> |
3 <a href="index" class="navbar-branding float-start"> | 3 <a href="index" class="navbar-branding float-start"> |
4 <img src="/img/png/eyeo-logo.png" srcset="/img/svg/eyeo-logo.svg 2x" alt="
eyeo Website Defaults"> | 4 <img src="/img/png/eyeo-logo.png" srcset="/img/svg/eyeo-logo.svg 2x" alt="
eyeo"> |
5 </a> | 5 </a> |
6 | 6 |
7 <div class="toggle-navbar-collapse float-end"> | 7 <button class="toggle-navbar-collapse button-link float-end"> |
8 <button class="unstyled"> | 8 Toggle Menu |
9 <span class="open-label">Open</span> | 9 </button> |
10 <span class="sr-only">/</span> | |
11 <span class="close-label">Close</span> | |
12 Menu | |
13 </button> | |
14 </div> | |
15 | 10 |
16 <div class="navbar-collapse"> | 11 <nav class="navbar-nav navbar-collapse"> |
17 <nav> | 12 <ul> |
18 <a href="index">Navbar Menu Link</a>, <a href="index">Navbar Menu Link</
a>, <a href="index">Navbar Menu Link</a>, <a href="index">Navbar Menu Link</a> | 13 <li><a href="index">Navbar Menu Link</a></li> |
19 </nav> | 14 <li><a href="index">Navbar Menu Link</a></li> |
20 </div> | 15 <li><a href="index">Navbar Menu Link</a></li> |
| 16 <li><a href="index">Navbar Menu Link</a></li> |
| 17 </ul> |
| 18 </nav> |
21 </div> | 19 </div> |
22 </div> | 20 </div> |
LEFT | RIGHT |