我通过bootstrap创建了一个菜单栏，当窗口宽度较小时，导航变成一个按钮菜单。当窗口宽度变小时，右侧的按钮被向下推，而不是与左侧的徽标对齐。
对于页脚，我使用@ContextConfiguration创建了两列，并将col-md-6应用于每列，因为它们没有偏向一侧。现在，当窗口宽度较小时，会发生同样的情况：右侧的文本/列被向下推，而不是与左侧的文本对齐。
导航和页脚都没有垂直对齐。我尝试在按下的按钮和文本上设置负边距 - 顶部;我也尝试过使用text-align: left, text-align: right和pull-left，这也没有任何区别。我也没有媒体查询，但我不确定这是否是一个问题。
以下是一个示例和代码：http://jsfiddle.net/w92w4dak/
有关如何正确垂直对齐导航/页脚的任何想法将不胜感激。
答案 0 :(得分：0)
.navbar-toggle按钮需要位于.navbar-header div内才能实现所需的垂直对齐。
页脚列应该包含.col-xs-6类，而不是.col-sm-6，以确保它们在所有屏幕尺寸（包括移动视图）下保持50％的屏幕宽度