patternfly
Version:
This reference implementation of PatternFly is based on [Bootstrap v3](http://getbootstrap.com/). Think of PatternFly as a "skinned" version of Bootstrap with additional components and customizations.
84 lines (83 loc) • 2.89 kB
HTML
<div id="amet-secondary" class="nav-pf-secondary-nav">
<div class="nav-item-pf-header">
<a class="secondary-collapse-toggle-pf" data-toggle="collapse-secondary-nav"></a>
<span>Amet</span>
</div>
<ul class="list-group">
<li class="list-group-item {% if page.nav-tertiary %}tertiary-nav-item-pf{% endif %}" data-target="#amet-detracto-tertiary">
<a>
<span class="list-group-item-value">Detracto Suscipiantur</span>
{% if page.nav-tertiary %}{% else %}
{% if page.nav-badges %}
<div class="badge-container-pf">
<div class="badge">
<span class="pficon pficon-error-circle-o"></span>
<span>3</span>
</div>
<div class="badge">
<span class="pficon pficon-warning-triangle-o"></span>
<span>1</span>
</div>
</div>
{% endif %}
{% endif %}
</a>
{% if page.nav-tertiary %}
{% include widgets/navigation/tertiary-amet-detracto.html %}
{% endif %}
</li>
<li class="list-group-item {% if page.nav-tertiary %}tertiary-nav-item-pf{% endif %}" data-target="#amet-mediocrem-tertiary">
<a>
<span class="list-group-item-value">Mediocrem</span>
{% if page.nav-tertiary %}{% else %}
{% if page.nav-badges %}
<div class="badge-container-pf">
<div class="badge">
<span class="pficon pficon-warning-triangle-o"></span>
<span>2</span>
</div>
</div>
{% endif %}
{% endif %}
</a>
{% if page.nav-tertiary %}
{% include widgets/navigation/tertiary-amet-mediocrem.html %}
{% endif %}
</li>
<li class="list-group-item {% if page.nav-tertiary %}tertiary-nav-item-pf{% endif %}" data-target="#amet-corrumpit-tertiary">
<a>
<span class="list-group-item-value">Corrumpit Cupidatat Proident Deserunt</span>
{% if page.nav-tertiary %}{% else %}
{% if page.nav-badges %}
<div class="badge-container-pf">
<div class="badge">
<span class="pficon pficon-warning-triangle-o"></span>
<span>5</span>
</div>
<div class="badge">
<span>4</span>
</div>
</div>
{% endif %}
{% endif %}
</a>
{% if page.nav-tertiary %}
{% include widgets/navigation/tertiary-amet-corrumpit.html %}
{% endif %}
</li>
{% if page.nav-tertiary %}
<li class="list-group-item">
<a>
<span class="list-group-item-value">Urbanitas Habitant Morbi Tristique</span>
{% if page.nav-badges %}
<div class="badge-container-pf">
<span class="badge">5</span>
<span class="badge">5</span>
<span class="badge">5</span>
</div>
{% endif %}
</a>
</li>
{% endif %}
</ul>
</div>