Sections that span the full width of the page are great for highlighting key information.
Why use them?
They're really great tools for drawing attention to specific content. If you've got a call to action that needs some attention, such as a form, survey or button, you can pop it in a full-width section and that will give it the real estate it needs to thrive.
They look like this
Look at how flashy they are! How they grab your attention! And they're as easy as wrapping your content in the code below!
Get the code
The example below uses the bg-auto class to automatically change the background colour to match the site. You can specify a colour of your choice by checking out the background classes guide.
<div class="full-width bg-auto">
<h2>Title</h2>
<p>Content</p>
</div>