.full-width

This class will break the content of its container out to the full-width of the screen. The content will still be position relative and will not break the normal document flow.

Varius morbi enim nunc faucibus a pellentesque sit amet. Pulvinar sapien et ligula ullamcorper malesuada. Nec sagittis aliquam malesuada bibendum arcu vitae. Maecenas ultricies mi eget mauris. Viverra vitae congue eu consequat ac felis donec et. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Faucibus purus in massa tempor nec. Ac tortor dignissim convallis aenean et tortor at risus. Integer malesuada nunc vel risus. Est velit egestas dui id ornare arcu. Mus mauris vitae ultricies leo integer. Eget velit aliquet sagittis id consectetur. Morbi leo urna molestie at elementum. Pretium nibh ipsum consequat nisl vel pretium. Placerat duis ultricies lacus sed turpis. Suspendisse in est ante in nibh.

.xl-width

This class will restrict the content to a max-width of the $screen-xl-min variable set in utilities/variables/breakpoints. It will also apply margin: auto to center the content horizontally.

Varius morbi enim nunc faucibus a pellentesque sit amet. Pulvinar sapien et ligula ullamcorper malesuada. Nec sagittis aliquam malesuada bibendum arcu vitae. Maecenas ultricies mi eget mauris. Viverra vitae congue eu consequat ac felis donec et. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Faucibus purus in massa tempor nec. Ac tortor dignissim convallis aenean et tortor at risus. Integer malesuada nunc vel risus. Est velit egestas dui id ornare arcu. Mus mauris vitae ultricies leo integer. Eget velit aliquet sagittis id consectetur. Morbi leo urna molestie at elementum. Pretium nibh ipsum consequat nisl vel pretium. Placerat duis ultricies lacus sed turpis. Suspendisse in est ante in nibh.

.lg-width

This class will restrict the content to a max-width of the $screen-lg-min variable set in utilities/variables/breakpoints. It will also apply margin: auto to center the content horizontally.

Varius morbi enim nunc faucibus a pellentesque sit amet. Pulvinar sapien et ligula ullamcorper malesuada. Nec sagittis aliquam malesuada bibendum arcu vitae. Maecenas ultricies mi eget mauris. Viverra vitae congue eu consequat ac felis donec et. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Faucibus purus in massa tempor nec. Ac tortor dignissim convallis aenean et tortor at risus. Integer malesuada nunc vel risus. Est velit egestas dui id ornare arcu. Mus mauris vitae ultricies leo integer. Eget velit aliquet sagittis id consectetur. Morbi leo urna molestie at elementum. Pretium nibh ipsum consequat nisl vel pretium. Placerat duis ultricies lacus sed turpis. Suspendisse in est ante in nibh.

.md-width

This class will restrict the content to a max-width of the $screen-md-min variable set in utilities/variables/breakpoints. It will also apply margin: auto to center the content horizontally.

Varius morbi enim nunc faucibus a pellentesque sit amet. Pulvinar sapien et ligula ullamcorper malesuada. Nec sagittis aliquam malesuada bibendum arcu vitae. Maecenas ultricies mi eget mauris. Viverra vitae congue eu consequat ac felis donec et. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Faucibus purus in massa tempor nec. Ac tortor dignissim convallis aenean et tortor at risus. Integer malesuada nunc vel risus. Est velit egestas dui id ornare arcu. Mus mauris vitae ultricies leo integer. Eget velit aliquet sagittis id consectetur. Morbi leo urna molestie at elementum. Pretium nibh ipsum consequat nisl vel pretium. Placerat duis ultricies lacus sed turpis. Suspendisse in est ante in nibh.

.sm-width

This class will restrict the content to a max-width of the $screen-sm-min variable set in utilities/variables/breakpoints. It will also apply margin: auto to center the content horizontally.

Varius morbi enim nunc faucibus a pellentesque sit amet. Pulvinar sapien et ligula ullamcorper malesuada. Nec sagittis aliquam malesuada bibendum arcu vitae. Maecenas ultricies mi eget mauris. Viverra vitae congue eu consequat ac felis donec et. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Faucibus purus in massa tempor nec. Ac tortor dignissim convallis aenean et tortor at risus. Integer malesuada nunc vel risus. Est velit egestas dui id ornare arcu. Mus mauris vitae ultricies leo integer. Eget velit aliquet sagittis id consectetur. Morbi leo urna molestie at elementum. Pretium nibh ipsum consequat nisl vel pretium. Placerat duis ultricies lacus sed turpis. Suspendisse in est ante in nibh.

.xs-width

This class will restrict the content to a max-width of the $screen-sm-min variable set in utilities/variables/breakpoints. It will also apply margin: auto to center the content horizontally.

Varius morbi enim nunc faucibus a pellentesque sit amet. Pulvinar sapien et ligula ullamcorper malesuada. Nec sagittis aliquam malesuada bibendum arcu vitae. Maecenas ultricies mi eget mauris. Viverra vitae congue eu consequat ac felis donec et. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Faucibus purus in massa tempor nec. Ac tortor dignissim convallis aenean et tortor at risus. Integer malesuada nunc vel risus. Est velit egestas dui id ornare arcu. Mus mauris vitae ultricies leo integer. Eget velit aliquet sagittis id consectetur. Morbi leo urna molestie at elementum. Pretium nibh ipsum consequat nisl vel pretium. Placerat duis ultricies lacus sed turpis. Suspendisse in est ante in nibh.