Bootstrap navbar не отображается справа в некоторых устройствах

Question

В некоторых устройствах свернутые элементы навигационной панели отображаются неправильно.

, как это:

и должно быть так:

Navbar код:

<div id="custom-bootstrap-menu" class="navbar navbar-default " role="navigation"> 
     <div class="navbar-header"><a class="navbar-brand" href="index.htm">Index</a> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> 
      </button> 
     </div> 
     <div class="collapse navbar-collapse navbar-menubuilder"> 
      <ul class="nav navbar-nav navbar-left"> 
       <li><a href="casameio.htm">casa do meio</a> 
       </li> 
       <li><a href="casabrava.htm">casa brava</a> 
       </li> 
       <li><a href="casavelha.htm">casa velha</a> 
       </li> 
       <li><a href="pool.htm">pool</a> 
       </li> 
       <li><a href="prijzen.htm">prijzen</a> 
       </li> 
       <li><a href="ons.htm">over ons</a> 
       </li> 
       <li><a href="activ.htm">activiteiten</a> 
       </li> 
       <li><a href="guestbook.htm">gastenboek</a> 
       </li> 
       <li><a href="omgeving.htm">kaartje</a> 
       </li> 
       <li><a href="contact.htm">contact</a> 
       </li> 
       <li><a href="links.htm">linken</a> 
       </li> 
      </ul> 
     </div> 
    </div> 

Answer 1

Поскольку я не могу комментировать вопросы пока , Я хочу поделиться своим мысли таким образом:

Какие устройства (что означает размеры экрана), о которых вы говорите? Без какого-либо CSS трудно сказать, почему вы видите это поведение. Можете ли вы предоставить рабочий образец?

Может быть, поможет вам:

Изменения свернутого мобильного Navbar точки останова
навигационной панель падает в вертикальное мобильное зрение, когда видовой экран является более узким, чем @ сетка-флоит-точку останова, и расширяется в горизонтальный немобильный вид , когда область просмотра по крайней мере равна @ grid-float-breakpoint по ширине. Отрегулируйте эту переменную в источнике Less, чтобы управлять, когда navbar сжимается/расширяется. Значение по умолчанию - 768px (самый маленький «маленький» или «планшет»).

из http://getbootstrap.com/components/#navbar-default

Вы проверили подвесную систему и ее медиа-запросы начальной загрузки в целом? (http://getbootstrap.com/css/#grid-media-queries)