If you need to center your content and restrict it's width, there are some containers built in
<div class="container" style="background-color: #80deea">
<p>This content will have a limited width</p>
</div>
This content will have a limited width
Depending on your content, you can adjust the size of the container:
<div class="container container-large" style="background-color: #ffe082">
<p>This content will have a <em>large</em> limited width</p>
</div>
<div class="container container-small" style="background-color: #80cbc4">
<p>This content will have a <em>small</em> limited width</p>
</div>
<div class="container container-tiny" style="background-color: #b0bec5">
<p>This content will have a <em>tiny</em> limited width</p>
</div>
The result should be like this (best viewed on desktop):
This content will have a limited width
This content will have a large limited width
This content will have a small limited width
This content will have a tiny limited width