---
categories: [Alternate Layouts]
css-extra: false
layout: layout-alt-fixed-inner-scroll
resource: true
full-page: true
alt-layout: true
title: Fixed Navbar Alt With Fixed Left Nav Alt, Inner Scroll
url-js-extra: ['//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.6.0/jquery.matchHeight-min.js', '//cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js', '//cdnjs.cloudflare.com/ajax/libs/d3/3.5.0/d3.min.js']
---
{% include widgets/layouts/navbar-alt-fixed.html %}
{% include widgets/layouts/nav-vertical-alt.html %}
<div class="container-fluid container-cards-pf container-pf-alt-nav-pf-vertical-alt">
{% include widgets/layouts/cards.html %}
</div>
<script>
  $(function() {
    // matchHeight the contents of each .card-pf and then the .card-pf itself
    $(".row-cards-pf > [class*='col'] > .card-pf .card-pf-title").matchHeight();
    $(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-body").matchHeight();
    $(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-footer").matchHeight();
    $(".row-cards-pf > [class*='col'] > .card-pf").matchHeight();
    // initialize tooltips
    $('[data-toggle="tooltip"]').tooltip();
  });
</script>
