我通过 Bootstrap 创建了一个菜单栏，当窗口宽度较小时，导航变成按钮菜单。当窗口宽度变小时，右边的按钮被压下，没有与左边的标志对齐。
对于页脚，我使用 col-md-6 创建了两列，并将 text-align: left, text-align: right 应用于每一列，因为它们是不要偏到一边。现在，当窗口宽度较小时，同样的事情会发生:右侧的文本/列被向下推，并且不与左侧的文本对齐。
导航和页脚都没有正确垂直对齐。我已经尝试在被按下的按钮和文本上设置负边距顶部；我也试过使用 pull-left 和 pull-right 也没有什么区别。我也没有媒体查询，但我不确定这是否是一个问题。
这是一个例子和代码:http://jsfiddle.net/w92w4dak/
如有任何关于如何正确垂直对齐导航/页脚的想法，我们将不胜感激。
最佳答案
.navbar-toggle 按钮需要位于 .navbar-header div 内以实现所需的垂直对齐。
页脚列应该有类 .col-xs-6 而不是 .col-sm-6 以确保它们保持在屏幕宽度的 50%所有屏幕尺寸(包括移动 View )
关于html - 移动 View 上的导航栏和页脚未对齐 - Bootstrap，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32998863/