bootstrap-layout/docs/src/html/pages/demo/sidebar-dropdown.html

Bootstrap layout with sidebar navigation, sidebar skins, sidebar transition, custom scrollbars, sidebar menus and other advanced features and utilities

---
title: Sidebar dropdown
path: ../
---
{% extends "layouts/demo.html" %}
	
{% block page %}

	<div class="layout-container layout-sidebar-l3-md-up ls-top">
		<div class="layout-content" data-scrollable>
			<div class="container-fluid">
				<div class="hidden-md-up">
					<button class="btn btn-primary" data-target="#sidebar-blank-1" data-toggle="sidebar">Toggle Sidebar</button>
					<hr>
				</div>
				<h1 class="h3">{{ title }}</h1>
				<p>Dropdown sidebar menus. On screens smaller than <code>768px</code> wide, the dropdown menus will automatically convert to <a href="sidebar-collapse.html">collapse menus</a>.</p>
			</div>
		</div>
		{% include 'layouts/sidebars/blank.html' { 
			style: 'sidebar-dark bg-primary', 
			sm_dropdown: true, 
			ssm_dropdown_opt: 'sm-condensed',
			ssm_ssm_dropdown_opt: 'sm-condensed', 
			sm_brand: true, 
			sm_brand_opt: 'm-b-0',
			sm_heading: true, 
			sm_text: true 
		} %}
	</div>

{% endblock %}