Почему появляется горизонтальная прокрутка при использовании Bootstrap?

Частая ошибка при верстке в Bootstrap, это делать

<div class="row"></div>
<div class="row"></div>

без обрамляющего блока <div class=”container-fluid”> или <div class=”container “>

Правильный код:

<div class="container-fluid">
  <div class="row"></div>
  <div class="row"></div>
</div>