several docs cleanup things

1 files changed, 49 insertions, 47 deletions

diff --git a/docs/_includes/nav-docs.html b/docs/_includes/nav-docs.html
index 0e8431b50..f3836a3c4 100644
--- a/docs/_includes/nav-docs.html
+++ b/docs/_includes/nav-docs.html
@@ -3,53 +3,55 @@
     Bootstrap
   </a>
 
-  <div class="bs-docs-search">
+  <form class="bs-docs-search hidden-xs-down">
     <input type="text" class="form-control" id="search-input" placeholder="Search...">
     <ul class="dropdown-menu bs-docs-search-results" id="search-results"></ul>
-  </div>
-
-  {% for group in site.data.nav %}
-    {% assign link = group.pages | first %}
-    {% assign slug = group.title | downcase | replace: ' ', '-' || page.title | downcase | replace: ' ', '-' %}
-    {% assign active = nil %}
-
-    {% if page.url contains slug %}
-      {% assign active = 'active' %}
-    {% endif %}
-
-    <div class="bs-docs-toc-item {{ active }}">
-      <a class="bs-docs-toc-link" href="{{ site.baseurl }}/{{ group.title | downcase | replace: ' ', '-' }}/{{ link.title | downcase | replace: ' ', '-' || page.title | downcase | replace: ' ', '-'  }}">
-        {{ group.title }}
-      </a>
-
-      <ul class="nav bs-docs-sidenav">
-        {% for doc in group.pages %}
-          {% assign slug = doc.title | downcase | replace: ' ', '-' %}
-          {% assign active = nil %}
-
-          {% if page.url contains slug %}
-            {% assign active = 'active bs-docs-sidenav-active' %}
-          {% endif %}
-
-          <li class="{{ active }}">
-            <a href="{{ site.baseurl }}/{{ group.title | downcase | replace: ' ', '-' }}/{{ doc.title | downcase | replace: ' ', '-' }}">
-              {{ doc.title }}
-            </a>
-
-            {% unless doc.sections == nil %}
-              <ul class="nav">
-                {% for section in doc.sections %}
-                  <li>
-                    <a href="#{{ section.title | downcase | replace: ' ', '-' }}">
-                      {{ section.title }}
-                    </a>
-                  </li>
-                {% endfor %}
-              </ul>
-            {% endunless %}
-          </li>
-        {% endfor %}
-      </ul>
-    </div>
-  {% endfor %}
+  </form>
+
+  <nav class="bs-docs-links hidden-xs-down">
+    {% for group in site.data.nav %}
+      {% assign link = group.pages | first %}
+      {% assign slug = group.title | downcase | replace: ' ', '-' || page.title | downcase | replace: ' ', '-' %}
+      {% assign active = nil %}
+
+      {% if page.url contains slug %}
+        {% assign active = 'active' %}
+      {% endif %}
+
+      <div class="bs-docs-toc-item {{ active }}">
+        <a class="bs-docs-toc-link" href="{{ site.baseurl }}/{{ group.title | downcase | replace: ' ', '-' }}/{{ link.title | downcase | replace: ' ', '-' || page.title | downcase | replace: ' ', '-'  }}">
+          {{ group.title }}
+        </a>
+
+        <ul class="nav bs-docs-sidenav">
+          {% for doc in group.pages %}
+            {% assign slug = doc.title | downcase | replace: ' ', '-' %}
+            {% assign active = nil %}
+
+            {% if page.url contains slug %}
+              {% assign active = 'active bs-docs-sidenav-active' %}
+            {% endif %}
+
+            <li class="{{ active }}">
+              <a href="{{ site.baseurl }}/{{ group.title | downcase | replace: ' ', '-' }}/{{ doc.title | downcase | replace: ' ', '-' }}">
+                {{ doc.title }}
+              </a>
+
+              {% unless doc.sections == nil %}
+                <ul class="nav">
+                  {% for section in doc.sections %}
+                    <li>
+                      <a href="#{{ section.title | downcase | replace: ' ', '-' }}">
+                        {{ section.title }}
+                      </a>
+                    </li>
+                  {% endfor %}
+                </ul>
+              {% endunless %}
+            </li>
+          {% endfor %}
+        </ul>
+      </div>
+    {% endfor %}
+  </nav>
 </header>