Bootstrap navbar break at 'xs' size

Question

Я использую bootstrap navbar, и когда я изменяю размер окна для мобильного телефона, мой navbar теряет нормальное содержимое и становится не округленным. Я не уверен, что вызывает его. Я удалил все переопределения, и проблема все еще существует.

Я использую порт бутстрапа sass с компасом.

Это выглядит следующим образом:

http://i.stack.imgur.com/ZpNJ0.png

Он должен выглядеть следующим образом:

https://i.imgur.com/FE8VS8d.png

Джейд:

nav.navbar.navbar-default 
    .container 
     .collapse.navbar-collapse 
      .navbar-header 
       strong.navbar-brand example 
      div.navbar-right 
       ul.nav.navbar-nav 
        li 
         a(href="/") Home 
        li 
         a(href='https://github.com/') GitHub  
        li 
         a(href=loggedin ? '/account' : '/login') #{loggedin ? 'My Account' : 'Sign In'} 

Нет CSS, как, используя только самозагрузки CSS для navbar

Answer 1

Похоже, есть медиа-запрос на малой ширине для элемента border-radius.

Проверьте CSS для запроса средств массовой информации в точке границы исчезает и проверьте, есть ли border-radius:0; или подобный в CSS для навигационной панели и принять его

Answer 2

Оказывается, я уже наполовину сконфигурирован ' который разрушал.