Навигационная панель Bootstrap ломается при размере «xs»

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

Я использую порт bootstrap 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 для панели навигации