我正在尝试创建一个在桌面视图中具有基本布局的响应式网站 - 标题,Leftnav,主要内容和右侧导航,但是当在移动设备上查看网站时,初始视图是 - 标题和主要内容但我想要一个菜单按钮,所以当点击时,左侧导航会出现在屏幕上,主要内容不会推送。我已经能够使用响应的bootsrao类来实现这一点,左侧导航为可见-sm向上但隐藏-xs我已经将xs类中的大小更改为50%宽度和指定高度以及更高的z-index比主要内容和一个带有获取元素的按钮由Id - 可见性 - 可见 - 反之亦然关闭菜单。
我遇到的问题是,当我关闭菜单然后将浏览器的大小增加回到当左侧导航将在屏幕上时该区域保持空白,即可见性仍然隐藏在那里无论如何我可以防止这种情况发生?
提前感谢 - 请参阅图片。
强文![屏幕示例] [1]