Widget dashboard layout

The following features are available for this layout:

• An optional filtering sidebar component. The sidebar responds to resolution changes, and at resolutions below 991px it is transformed to a collapsible component.
• An optional content toolbar to accommodate high-level functionality for the layout.

Example use cases

• Filterable widget dashboard

Code output

Open layout in new window

HTML markup

The code snippet below contains only the content segment of the layout, excluding the header and footer segments.

<!-- HEADER SEGMENT -->

Copy<div class="content">
  <div class="main-wrapper">
    <div class="main">

      <!-- SIDEBAR COMPONENT -->

      <div class="widget-wrapper">
        <div class="widget-container">

          <!-- WIDGET COMPONENTS -->

        </div>
      </div>
    </div>
  </div>
</div>

<!-- FOOTER SEGMENT -->