Bootstrap 导航栏以“xs”大小中断答案

【问题标题】：Bootstrap navbar breaking at 'xs' sizeBootstrap 导航栏以“xs”大小中断
【发布时间】：2015-05-08 21:19:21
【问题描述】：

我正在使用引导导航栏，当我为移动设备调整窗口大小时，我的导航栏会丢失正常内容并变为非圆形。我不确定是什么原因造成的。我已经删除了所有覆盖，但问题仍然存在。

我正在使用带有指南针的引导 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

【问题讨论】：

添加了我的玉码:)

标签： css twitter-bootstrap navbar responsiveness

【解决方案1】：

看起来有一个关于小宽度的媒体查询来元素边框半径。

在边框消失处检查媒体查询的 CSS 并检查导航栏的 css 中是否有 border-radius:0; 或类似名称并将其取出

【讨论】：

【解决方案2】：

原来我已经配置了一半的“折叠”导航栏，这就是问题所在。

【讨论】：