Css 引导：响应导航菜单

在我的页面中，我有一个导航栏菜单。我重新调整了页面大小，但菜单显示不正确。按钮、主页和图像不是垂直设置的，在某些尺寸下，它们也不是水平排列的

这是我的代码：

---

如何解决问题？

这是因为您的导航标头未设置

宽度

.navbar-header {
    width:100%;
}

现在应该没事了


编辑

从
中移除
col-xs-4 col-sm-4 col-md-4 col-lg-4后，从col-xs-4到col-xs-12的宽度col导航栏标题>。检查栅格系统中的其他宽度设置

div class="navbar-header col-xs-12 col-sm-4 col-md-4 col-lg-4"
div class=“导航栏标题col-xs-12 col-sm-4 col-md-4 col-lg-4”
将A元素定位为左浮动

.nav-menu .navbar-header a{
   float: left;
}
.navbar-toggle {
   float: left;   
}
.导航菜单.导航栏标题a{
浮动：左；
}
带左浮动的位置菜单切换

.nav-menu .navbar-header a{
   float: left;
}
.navbar-toggle {
   float: left;   
}
.导航栏切换{
浮动：左；
}
您有拼写错误的收藏夹或收藏夹，请参见
ul/li
ul/li。