[英]Nav Bar and Footer Unalign on Mobile View - 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％
如何使页脚停止与移动导航栏重叠？ 在移动视图中，导航栏位于页脚下方。 任何解决方案？
[英]How can I make the footer stop overlapping with the mobile NAV bar? On the mobile view, the NAV bar goes under the footer. Any solutions?
如何使用粘性顶部导航，侧栏和页脚开发引导程序布局
[英]how to develop bootstrap layout with sticky top nav, side bar and footer
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
