Отображение Navigation Bar в Bootstrap?

Question

[Denis9999]

Как изменить стандартное отображение на планшетах и телефонах Navigation Bar в Bootstrap?
Проблема в том что на планшетах и телефонах он отображается таким образом:

На ПК так:


Я хочу чтобы на планшетах оно отображалось так же как на ПК. Вариант по умолчанию совсем не приемлем.

Код:

<nav class="navbar navbar-default ">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">WebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active" .col-sm-3><a href="#">Home</a></li>
      <li .col-sm-3><a href="#">Page 1</a></li>
      <li .col-sm-3><a href="#">Page 2</a></li>
      <li .col-sm-3><a href="#">Page 3</a></li>
    </ul>
  </div>
</nav>

Comments

[Сёмка Гавриленко]

Есть 2 варианта:
1)

@media (min-width: 768px) and (max-width: 1000px) {
   .collapse {
       display: none !important;
   }
}

2) Предпочтительный
Переходим в кастомизатор bootstrap
и меняем значение @grid-float-breakpoint на @screen-xs-min