Boxes

Boxes collect content into meaningful groups.

On this page:

Best Practices

  • Boxes group content together.
  • They are different from Dividers which separate separate content

Usage

Content Container

  • Content Containers are the outermost container for content on the page or sections within a page
  • Use Bootstrap container classes as immediate child content
  • Begins with default padding, but this may be adjusted for better fits of content alignments

This is a paragraph in a content-container.

<div class="content-container p-4 p-lg-16 mb-4">
    <!-- add content, in here -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <p>This is a paragraph in a content-container.</p>
            </div>
        </div>
    </div>
</div>

Resources

Back
Next