Horizontal + Contained

Top-bar navigation 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
  • Navigation moves to the top bar; no left sidebar
  • Submenus auto-open on hover (keyboard accessible)
  • Toolbar sits below the top navigation
  • Content column follows Bootstrap's container breakpoints and stays centered
This page is preset to Horizontal + 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 on Bootstrap's container grid (540px @sm, 720px @md, 960px @lg, 1140px @xl, 1320px @xxl). 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