1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-18 19:31:35 +02:00

update home and side nav to use new navbar structure

This commit is contained in:
Mark Otto
2014-12-01 15:41:11 -08:00
parent 639a211344
commit 75943868be
6 changed files with 69 additions and 94 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,61 +1,49 @@
<header class="navbar navbar-static-top bs-docs-sidebar" id="top" role="banner"> <header class="navbar navbar-static-top bs-docs-sidebar" id="top" role="banner">
<div class="container-fluid"> <a href="{{ site.baseurl }}" class="navbar-brand">
<div class="navbar-header"> Bootstrap
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-sidenav-collapse"> </a>
<span class="sr-only">Toggle navigation</span> {% for group in site.data.nav %}
<span class="icon-bar"></span> {% assign link = group.pages | first %}
<span class="icon-bar"></span> {% assign slug = group.title | downcase | replace: ' ', '-' || page.title | downcase | replace: ' ', '-' %}
<span class="icon-bar"></span> {% assign active = nil %}
</button>
<a href="{{ site.baseurl }}" class="navbar-brand"> {% if page.url contains slug %}
Bootstrap {% 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> </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' %}
{% 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="{{ site.baseurl }}{{ group.title | downcase | replace: ' ', '-' }}/{{ doc.title | downcase | replace: ' ', '-' }}/#{{ section.title | downcase | replace: ' ', '-' }}">
{{ section.title }}
</a>
</li>
{% endfor %}
</ul>
{% endunless %}
</li>
{% endfor %}
</ul>
</div> </div>
<nav class="collapse navbar-collapse bs-sidenav-collapse" role="navigation"> {% endfor %}
{% 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' %}
{% 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="{{ site.baseurl }}{{ group.title | downcase | replace: ' ', '-' }}/{{ doc.title | downcase | replace: ' ', '-' }}/#{{ section.title | downcase | replace: ' ', '-' }}">
{{ section.title }}
</a>
</li>
{% endfor %}
</ul>
{% endunless %}
</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</nav>
</div>
</header> </header>

View File

@@ -1,35 +1,22 @@
<header class="navbar navbar-inverse navbar-static-top bs-docs-nav" id="top" role="banner"> <header class="navbar navbar-inverse navbar-static-top bs-docs-nav" id="top" role="banner">
<div class="container"> <a href="../" class="navbar-brand">Bootstrap</a>
<div class="navbar-header"> <ul class="nav nav-pills pull-left">
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> {% for group in site.data.nav %}
<span class="sr-only">Toggle navigation</span> {% assign link = group.pages | first %}
<span class="icon-bar"></span> {% assign slug = group.title | downcase | replace: ' ', '-' || page.title | downcase | replace: ' ', '-' %}
<span class="icon-bar"></span> <li class="nav-item">
<span class="icon-bar"></span> <a class="nav-link" href="{{ site.baseurl }}{{ group.title | downcase | replace: ' ', '-' }}/{{ link.title | downcase | replace: ' ', '-' || page.title | downcase | replace: ' ', '-' }}">
</button> {{ group.title }}
<a href="../" class="navbar-brand">Bootstrap</a> </a>
</div> </li>
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> {% endfor %}
<ul class="nav navbar-nav"> </ul>
{% for group in site.data.nav %} <ul class="nav nav-pills pull-right">
{% assign link = group.pages | first %} <li class="nav-item">
{% assign slug = group.title | downcase | replace: ' ', '-' || page.title | downcase | replace: ' ', '-' %} <a class="nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a>
<li class="nav-item"> </li>
<a class="nav-link" href="{{ site.baseurl }}{{ group.title | downcase | replace: ' ', '-' }}/{{ link.title | downcase | replace: ' ', '-' || page.title | downcase | replace: ' ', '-' }}"> <li class="nav-item">
{{ group.title }} <a class="nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');">Blog</a>
</a> </li>
</li> </ul>
{% endfor %}
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="nav-item">
<a class="nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');">Blog</a>
</li>
</ul>
</nav>
</div>
</header> </header>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long