How to use Bootstrap 'Container', 'Row' and 'Col'

All Subpages are wrapped in a 'container' via Site Template Layout and does not need the tag in the page itself.

Every row needs to be encased in a 'container' to work with Bootstrap's Grid system.

Example:

hello
nope
Code:

<div class="container">
<div class="row">
<div class="col-5">hello</div>
<div class="col-7">nope</div>
</div>
</div>

There can be multiple rows in 1 container.

Example:

hello
nope
hello
nope
hello
nope
Code:

<div class="container">
<div class="row">
<div class="col-5">hello</div>
<div class="col-7">nope</div>
</div>
<div class="row">
<div class="col-7">hello</div>
<div class="col-5">nope</div>
</div>
<div class="row">
<div class="col-5">hello</div>
<div class="col-7">nope</div>
</div>
</div>