The
Bootstrap Container Control is the outer-most Control in a Bootstrap Grid and has the container class.
You should place
Bootstrap Row Controls inside a Bootstrap Container Control.
The Container Type property can be configured in the Properties View when the Boostrap Container Control is selected in the
Outline or WYSIWYG View and has three options:
- Centered keeps the container in the center of its parent.
- Full Width stretches the container to the width of its parent.
- None the container behaves like a
Panel Control.
A Bootstrap Container Control can be made responsive at different screen sizes by adding the Bootstrap class container-{bp}. This class swaps the Control from being full width to being centered at the breakpoint {bp} specified.