Vertical + Contained

Sidebar frame with content on Bootstrap's container grid (540px @sm, 720px @md, 960px @lg, 1140px @xl, 1320px @xxl).

All layouts
Wireframe
What changes in this mode
  • Left sidebar with grouped navigation and a footer
  • Top toolbar with search, actions and the user menu
  • The default navigation frame for the whole UI
  • Content column is capped at 1200px and centered
This page is preset to Vertical + Contained. You can switch modes anytime from the Layout menu in the sidebar or the theme customizer.
All layout modes
Vertical Sidebar on the left, toolbar on top, full-width content. Horizontal Navigation lives in the top bar; no left sidebar. Mini Sidebar Icon rail on the left plus navigation in the top bar. Vertical + Boxed Sidebar frame in a boxed page on Bootstrap's container grid (540px @sm, 720px @md, 960px @lg, 1140px @xl, 1320px @xxl). Vertical + Contained Sidebar frame with content column capped at 1200px. Horizontal + Boxed Top-bar navigation in a boxed page on Bootstrap's container grid (540px @sm, 720px @md, 960px @lg, 1140px @xl, 1320px @xxl). Horizontal + Contained Top-bar navigation with content column capped at 1200px. Mini Sidebar + Boxed Icon rail in a boxed page on Bootstrap's container grid (540px @sm, 720px @md, 960px @lg, 1140px @xl, 1320px @xxl). Mini Sidebar + Contained Icon rail with content column capped at 1200px. Condensed Vertical frame with compact toolbar and tighter spacing. Comfy Vertical frame with a roomy toolbar and relaxed spacing.
Theme customizer
Appearance
Dark
Light
Accent color
Corner radius
Sharp
Default
Round
Layout density
Compact
Roomy
Content width
Fluid
Boxed
Contained
Navigation
Vertical
Horizontal
Mini Sidebar
Base font size
1314px17