2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-30 15:24:08 +03:00

try out a different navbar approach

This commit is contained in:
Mark Otto
2017-05-28 17:49:46 -07:00
parent 9c4d588f0b
commit 930012f29a
5 changed files with 90 additions and 49 deletions
+5 -3
View File
@@ -1,9 +1,11 @@
<form class="bd-search">
<form class="bd-search d-flex align-items-center">
<input type="search" class="form-control" id="search-input" placeholder="Search..." aria-label="Search for..." autocomplete="off">
<div class="dropdown-menu bd-search-results" id="search-results"></div>
<button class="btn-link bd-search-docs-toggle d-md-none p-0 ml-3" type="button" data-toggle="collapse" data-target="#bd-docs-nav" aria-controls="bd-docs-nav" aria-expanded="false" aria-label="Toggle docs avigation">
{% include icons/menu.svg class="" width="30" height="30" %}
</button>
</form>
<nav class="bd-links" id="docsNavbarContent">
<nav class="collapse bd-links" id="bd-docs-nav">
{% assign page_slug = page.url | split: '/' | last %}
{% for group in site.data.nav %}
{% assign link = group.pages | first %}