bootstrap-layout
Version:
Bootstrap layout with sidebar navigation, sidebar skins, sidebar transition, custom scrollbars, sidebar menus and other advanced features and utilities
29 lines (26 loc) • 1.02 kB
HTML
---
title: Nested layout demo
path: ../
---
{% extends "layouts/demo.html" %}
{% block page %}
<div class="layout-container layout-sidebar-l2-md-up">
<div class="layout-content">
<div class="layout-container ls-top">
<div class="layout-content" data-scrollable>
<div class="container-fluid">
<div class="text-xs-right">
<button class="btn btn-primary" data-target="#sidebar-blank-1" data-toggle="sidebar">#1</button>
<button class="btn btn-primary" data-target="#sidebar-blank-2" data-toggle="sidebar">#2</button>
</div>
<hr>
<h1 class="h3">{{ title }}</h1>
<p>A nested layout example using a separate sidebar element on each layout and toggle buttons.</p>
</div>
</div>
{% include 'layouts/sidebars/blank.html' { id: '2', sm_brand: false, sm_heading: false, sm_basic_mixed: true, visible: 'none', layout: 'lg-up' } %}
</div>
</div>
{% include 'layouts/sidebars/blank.html' { size: '2', sm_basic_mixed: true } %}
</div>
{% endblock %}