Mini Sidebar + Contained

Icon rail 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
  • Slim 68px icon rail on the left
  • Rail submenus fly out on hover
  • Main navigation also lives in the top bar
  • Content column is capped at 1200px and centered
This page is preset to Mini Sidebar + 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