bootstrap-layout
Version:
Bootstrap layout with sidebar navigation, sidebar skins, sidebar transition, custom scrollbars, sidebar menus and other advanced features and utilities
21 lines (18 loc) • 996 B
HTML
---
title: Sidebar mini reveal demo
path: ../
---
{% extends "layouts/demo.html" %}
{% block page %}
<div class="layout-container layout-sidebar-l1-md-up ls-top">
<div class="layout-content" data-scrollable>
<div class="container-fluid">
<button class="btn btn-primary" data-target="#sidebar-blank-1" data-toggle="sidebar">Toggle Sidebar</button>
<hr>
<h1 class="h3">{{ title }}</h1>
<p>A basic layout with a sidebar element of <code>200px</code> wide occupying just <code>56px</code> of the layout. The sidebar is also using the extra <code>.sidebar-reveal</code> and <code>.sidebar-reveal-size-2</code> classes. On screen sizes up to <code>554px</code> wide (mobile), the sidebar will stretch to <code>100%</code> of the screen width.</p>
</div>
</div>
{% include 'layouts/sidebars/blank.html' { size: '1', extras: 'sidebar-reveal sidebar-reveal-size-2', sm_basic_icons: true, sm_basic_icons_opt: 'sm-active-button-bg sm-icons-right' } %}
</div>
{% endblock %}