Content containers are the foundation of layouts and are styled via the ".content" class.
This is a content area with 16px padding for all sides.
<div class="container">
<div class="row">
<div class="content col-12 p-3">
<p>This is a content area with 16px padding for all sides.</p>
</div>
</div>
</div>
This is a content area with 16px padding for all sides.
This is a another content area with 16px padding for all sides.
<div class="container">
<div class="row">
<div class="content col-7 p-3">
<p>This is a content area with 16px padding for all sides.</p>
</div>
<div class="content col-4 p-3 ml-auto">
<p>This is a another content area with 16px padding for all sides.</p>
</div>
</div>
</div>