Layout Containment

Undraw Website Builder Re Ii6e

About

The containment configuration choose if the container-aware components will:

  • position their content at the center
  • limit their horizontal width (adjusted by screen sizes)
  • and add a marge on the horizontal axis (padding)

Components

The following components are container aware component:

and will apply the configuration.

Layout

The page layout holy and median have their main content by default contained whereas a landing page layout does not.

Configuration Value

This defaultLayoutContainer configuration sets the container value for each layout component.

The value may be fluid or any breakpoint value.

Value Definition
fluid don't center at all
sm center (default)
md fluid then center from the medium breakpoint
lg fluid then center from the large breakpoint
xl fluid then center from the extra-large breakpoint
xxl fluid then center from the extra-extra-large breakpoint




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Undraw Website Builder Re Ii6e
A bar - A horizontal region

They are use to slice a page into section
Undraw My Documents
ComboStrap UI - Menu bar

A menubar is an horizontal navigational bar with links and dropdown menu that should be used in the page header. The start of the menubar. The brand. You can also put your logo icon Collapse...
Hamburger Template

hamburger is a template that show only three layers. The page header The main (header, content and footer) The page footer hamburgerwebsite home pagelanding page The hamburger supports the...
Landing Layout
Landing Template

landing is a template that permits to create landing pages. In a landing page layout: The main content is not contained (You need to use bar components to create the purple area) The page header,...
Undraw Website Builder Re Ii6e
Layout components of Combostrap

A layout component is a component that laid out other components. This page lists the layout component of ComboStrap
Blank Layout
Minimal Template

A minimal template is the simplest layout of them all, as its prints only the content. The minimal template supports: the main header the toc All other elements are not supported. The page...
Undraw Building Websites I78t
The Holy template

The holy template is the fully responsive layout known also as the holy grail with: a page header and footer a content header and footer a sidebar The main content width expands to the width of...



Task Runner