Посмотрите на эту картинку:
Я хочу, чтобы элементы выпадающего меню располагались слева направо (по горизонтали). Я не могу заставить это работать, попробовал использовать класс "list-inline", упомянутый в официальная документация, которая только усугубляет ситуацию.
Вот HTML:
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">List Item</a>
<ul class="dropdown-menu">
<li><a href="#" id="">1</a></li>
<li><a href="#" id="">2</a></li>
<li><a href="#" id="">1</a></li>
<li><a href="#" id="">2</a></li>
<li><a href="#" id="">3</a></li>
<li><a href="#" id="">4</a></li>
<li><a href="#" id="">5</a></li>
<li><a href="#" id="">6</a></li>
</ul>
</li>
</ul>
</nav>
Я использую Bootstrap 3