bootstrap-layout/docs/src/html/pages/layout/index.html

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

---
title: Layout
slug: layout/index
path: ../
---
{% extends "layouts/default.html" %}

{% block page %}
<h1>{{ title }}</h1>

{% markdown %}
> At minimum, the following structure is required:

- a layout container wrapper with the `.layout-container` class (also works when applied to `body`)
- a layout content wrapper with the `.layout-content` class
- ***optional*** add the `data-scrollable` attribute to the `.layout-content` container to enable [custom scrollbars](../scrollbars.html)
{% endmarkdown %}

<div class="card card-block">
  <ul class="nav nav-pills">
    <li class="nav-item">
      <span class="nav-link active">Code</span>
    </li>
    <li class="nav-item">
      <a href="../demo/layout-basic.html" target="_blank" class="nav-link">Demo</a>
    </li>
  </ul>
  {% include 'code/layout/basic.html' %}
</div>
{% endblock %}