Странное поведение Bootstrap

Question

Я делаю адаптивный сайт, а на маленьком экране справа появляется пустое пространство. Я не знаю, откуда оно взялось и как его удалить? Последняя версия Twitter Bootstrap

Answer 1

я могу в значительной степени гарантировать этот вопрос непосредственно связан с неправильной Bootstrap разметки.

1. Удостоверьтесь, что вы не закрываете полноразмерную карусель внутри контейнера. Карусели уже имеют надлежащий контейнер внутри элемента div. Не помещайте стандартное меню Bootstrap внутри контейнера, если вы не выполняете собственное меню.
2. В примере сайта Bootstrap контейнер находится внутри элемента nav.

См пример:

<nav class="navbar navbar-default" role="navigation"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#"> 
     <img alt="Brand" src="..."> 
     </a> 
    </div> 
    </div> 
</nav> 

Убедитесь, что вы используете правильную структуру сетки. У вас всегда есть container > row > class и если вложенность, container > row > class > row > class (или container-fluid), потому что вложенные классы должны быть внутри строк. Строка смещает заполнение контейнера.