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

260
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>

READ ALSO
Центрирование блока с дивами на флоате [требует правки]

Центрирование блока с дивами на флоате [требует правки]

В современных браузерах код ниже работает великолепно, однако на ie11, происходят баги с main'ом, в чем может быть причина??

202
Где хранить фото? [требует правки]

Где хранить фото? [требует правки]

Сайт создаётся для фотоотчетов, фотографий будет многоЗагружать по одному на сайт не удобно и очень долго

302
Как поместить все содержимое сайта в одну колонку и поместить в центре?

Как поместить все содержимое сайта в одну колонку и поместить в центре?

У множества сайтов, даже у stack overflow есть отступы слева и справаКогда страницу сужаешь этот блок с контентом едет и остается по середине

256