diff options
| author | Mark Otto <[email protected]> | 2015-08-18 23:44:18 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-08-18 23:44:18 -0700 |
| commit | 5a905ef8a52fcf8d7deb707351bfb2713e24de52 (patch) | |
| tree | f21749b2c63a8c2a7b54241fcb655b068ce1023f /docs/_includes | |
| parent | 923677013d941d9a1276c88de05d93d0894cad25 (diff) | |
| download | bootstrap-5a905ef8a52fcf8d7deb707351bfb2713e24de52.tar.xz bootstrap-5a905ef8a52fcf8d7deb707351bfb2713e24de52.zip | |
basic responsive top nav hacks for docs
Diffstat (limited to 'docs/_includes')
| -rw-r--r-- | docs/_includes/nav-home.html | 27 |
1 files changed, 19 insertions, 8 deletions
diff --git a/docs/_includes/nav-home.html b/docs/_includes/nav-home.html index 5d246468a..e4bae8be7 100644 --- a/docs/_includes/nav-home.html +++ b/docs/_includes/nav-home.html @@ -23,12 +23,23 @@ </div> </nav> {% endcomment %} - <nav class="nav navbar-nav"> - <a class="nav-item nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Bootstrap</a> - <a class="nav-item nav-link {% if page.layout == "docs" %}active{% endif %}" href="{{ site.baseurl }}/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a> - <a class="nav-item nav-link {% if page.title == "Examples" %}active{% endif %}" href="{{ site.baseurl }}/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a> - <a class="nav-item nav-link" href="{{ site.themes }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');">Themes</a> - <a class="nav-item nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a> - <a class="nav-item nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');">Blog</a> - </nav> + + <div class="clearfix"> + <button class="navbar-toggler pull-right hidden-sm-up" type="button" data-toggle="collapse" data-target="#bd-main-nav"> + ☰ + </button> + <a class="navbar-brand hidden-sm-up" href="{{ site.baseurl }}/"> + Bootstrap + </a> + </div> + <div class="collapse navbar-toggleable-xs" id="bd-main-nav"> + <nav class="nav navbar-nav"> + <a class="nav-item nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Bootstrap</a> + <a class="nav-item nav-link {% if page.layout == "docs" %}active{% endif %}" href="{{ site.baseurl }}/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a> + <a class="nav-item nav-link {% if page.title == "Examples" %}active{% endif %}" href="{{ site.baseurl }}/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a> + <a class="nav-item nav-link" href="{{ site.themes }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');">Themes</a> + <a class="nav-item nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a> + <a class="nav-item nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');">Blog</a> + </nav> + </div> </header> |