html - 为什么引导图标栏消失

*如果我有任何错误要纠正这里的问题，请纠正我。

这是一个Bootstrap网页。

代码在这里：http://jsbin.com/tufemon/2/edit?html,css,output

当我缩小网页时，菜单进入图标栏。但是过了一会儿，当我缩小更多时，图标栏进入页面，就像下面的图像一样。
    
    

缩小页面，菜单将是图标栏。
如果格式化问题有任何问题，请告诉我。

最佳答案

从.navbar类中删除宽度或设置为100％

 .navbar  {
    margin:0 auto;
    width: 586px; /* Remove 586px or set 100% */
}