A container limits content to a maximum width.


This section is intended as a reference for specific use cases of components, or compositions of them, that are not covered in the component's default examples.



A standard container.

Text Container

A container can reduce its maximum width to more naturally accommodate a single column of text.

A text container is a simpler markup alternative to using a grid with a single column, and is designed to have a reasonable maximum width for displaying flowing text


Text Alignment

A container can specify its text alignment.


A fluid container has no maximum width.

Fluid containers are useful for setting text alignment, or other variations on unstyled content.
This is the bottom