为什么bootstrap图标栏消失了

Question

*请纠正我，如果我犯了任何错误，可以在这里形成问题。

这是一个Bootstrap网页。

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

当我缩小网页时，我的菜单会变成图标栏。但过了一段时间，当我缩小更多时，图标栏会进入页面，如下图所示。          

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

Answer 1

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

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