Bootstrap导航栏在' xs'尺寸

时间:2015-05-08 21:19:22

标签: css twitter-bootstrap navbar responsiveness

我正在使用引导程序导航栏,当我调整移动窗口的大小时,我的导航栏丢失了正常内容并变为非圆形。我不确定导致它的原因。我删除了任何覆盖,问题仍然存在。

我使用带罗盘的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只使用导航栏的bootstrap CSS

2 个答案:

答案 0 :(得分:0)

看起来有一个小宽度的媒体查询要求border-radius。

在边框消失的位置检查CSS以查找媒体查询,并检查导航栏的css中是否有border-radius:0;或类似内容并将其取出

答案 1 :(得分:0)

原来我已经配置了一个“崩溃”的导航栏,这就是破坏。