Почему не отображается навигация?

Question

[Levelse]

Здравствуйте, подскажите пожалуйста почему не отображается навигации при разрешении экрана от 770px по 992px, т.е. по сути "sm".
При разрешении более 992px все отображается верно, вертикальная навигация слева.
При разрешении менее 770px так-же верно, отображается сверху (как и было задумано),
но вот между 770 и 992 вовсе пропадает и нигде не отображается.

<div class="container-fluid">
	<div class="col-lg-2 col-md-2">	 
		<div class="navbar-header">
			<button type="button" class="navbar-toggle btn btn-default btn-lg" data-toggle="collapse" data-target="#responsive-menu">
				<span class="glyphicon glyphicon-menu-hamburger clrgr" aria-hidden="true"></span>
			</button>

			<div class="collapse navbar-collapse" id="responsive-menu">
				<ul class="nav navbar-menu">
					<li><a href="#">Пункт 1</a></li>
					<li><a href="#">Пункт 2</a></li>
					<li><a href="#">Пункт 3</a></li>
					<li><a href="#">Пункт 4</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div class="col-lg-10 col-md-10">Контент</div>
</div>

Answer 1

[Илья Шатохин]

А если добавить .col-sm-2?

Comments

[Levelse]

при добавлении col-sm-2, блок основного контента налезает на меню, если сделать:

конечно будет отображаться корректно, но отображение будет таким же, как для lg и md, а необходимо, чтоб навигации перемещалась вверх, как для xs. Я думал поставить col-sm-12 для обоих блоков, но тогда получается не выпадающий список, а просто список.

[Илья Шатохин]

Levelse: а вы col-sm-10 добавили основному контенту?

[Levelse]

почему-то в предыдущем сообщении после текста "если сделать:" ничего нет, там я это расписал. Да добавил col-sm-10 тогда "конечно будет отображаться корректно, но отображение будет таким же, как для lg и md, а необходимо, чтоб навигации перемещалась вверх, как для xs. Я думал поставить col-sm-12 для обоих блоков, но тогда получается не выпадающий список, а просто список. "