Непонятный сдвиг влево bootstrap 4

288

17 октября 2017, 02:18

Установил bootstrap 4. Заметил что есть сдвиг влево. То бишь я разместил элементы а они смещены влево, ни padding, ни margin-ов нет. Если я задаю margin-left: 7px для body, то контура блоков становятся в норму - по границе экрана. почему так не пойму.

Вот скриншот. Чистый html. С подключенным bootstrap 4

Обернуто в container-fluid

Answer 1

row должен быть вложен в container

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> 
<div class="container-fluid"> 
  <div class="row"> 
    <div class="col"> 
      <button type="button" class="btn btn-primary">1PRESS</button> 
     </div> 
  </div> 
</div> 
  <div class="row no-gutters"> 
    <div class="col"> 
      <button type="button" class="btn btn-primary">2PRESS</button> 
     </div> 
  </div>