Left: | ||
Right: |
LEFT | RIGHT |
---|---|
1 <div class="navbar"> | 1 <div class="navbar bg-primary"> |
juliandoucette
2017/10/26 15:55:55
suggest: navbar.tmpl (see template usage examples
| |
2 <div class="container"> | 2 <div class="navbar-container"> |
juliandoucette
2017/10/26 15:55:54
NIT: I suggest we point out that .container is opt
juliandoucette
2017/10/26 15:58:01
This is inconsistent with my surrounding suggestio
| |
3 <h1 class="navbar-branding"> | 3 <a href="index" class="navbar-branding float-start"> |
juliandoucette
2017/10/26 15:55:54
Note: I'm not sure that an h1 is appropriate
juliandoucette
2017/10/26 15:55:55
suggest: "navbar-brand"
| |
4 <a href="index">Website Defaults</a> | 4 <img src="/img/png/eyeo-logo.png" srcset="/img/svg/eyeo-logo.svg 2x" alt=" eyeo"> |
juliandoucette
2017/10/26 15:55:55
suggest: make this more extensible e.g.
{{ "index
| |
5 </h1> | 5 </a> |
6 | 6 |
7 <button class="toggle-navbar-collapse"> | 7 <button class="toggle-navbar-collapse button-link float-end"> |
juliandoucette
2017/10/26 15:55:55
suggest: "navbar-toggle"
| |
8 <span class="open-label">Open</span> | 8 Toggle Menu |
juliandoucette
2017/10/26 15:55:55
suggest: a shared hamberger icon
| |
9 <span class="sr-only">/</span> | |
10 <span class="close-label">Close</span> | |
11 Menu | |
12 </button> | 9 </button> |
13 | 10 |
juliandoucette
2017/10/26 15:55:55
suggest: enableable navbar search
| |
14 <div class="navbar-collapse"> | 11 <nav class="navbar-nav navbar-collapse"> |
15 <nav> | 12 <ul> |
16 <a href="index">Navbar Menu Link</a> | 13 <li><a href="index">Navbar Menu Link</a></li> |
juliandoucette
2017/10/26 15:55:55
suggest: loop an array of pages and external links
juliandoucette
2017/10/26 15:55:55
suggest: More than one example link
| |
17 </nav> | 14 <li><a href="index">Navbar Menu Link</a></li> |
18 </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> | |
19 </div> | 19 </div> |
juliandoucette
2017/10/26 15:55:54
suggest: enableable locale menu (separate include
| |
20 </div> | 20 </div> |
LEFT | RIGHT |