【问题标题】:Bootstrap 3 overlapping content issue. Sidebar collapse with buttonBootstrap 3 重叠内容问题。侧边栏折叠按钮
【发布时间】:2016-01-25 03:11:28
【问题描述】:

我想出了一个我喜欢的 bootstrap 3 布局,但它有一个错误。我在 Bootply.com 上创建了一个描述问题的示例页面。基本上该页面可以正常工作,除非您展开和折叠侧边栏,然后再次将浏览器页面调整为全宽。页脚和侧边栏内容重叠。您可以在此处查看示例页面:http://www.bootply.com/CxdX89ofTg

感谢您提供的任何帮助!

【问题讨论】:

  • 为什么你会展开折叠然后全尺寸...会发生的。

标签: javascript css twitter-bootstrap sidebar overlapping


【解决方案1】:

Javascript 正在添加 style="height:0px;"隐藏导航菜单后的元素。在断点上方调整大小时,您必须将高度设置为“自动”。

我复制了你的例子:http://www.bootply.com/28P8HqzYUA#

参见 JS 中的第 9 行。

【讨论】:

  • 太棒了!非常感谢!我认为对于具有大量购物类别的电子商务网站来说,这是一个很好的基本模板。感谢您的帮助。
  • 没问题!如果这解决了您的问题,请考虑将其标记为正确的解决方案或投票。谢谢!
  • 我点击了赞成箭头,但我太新了,还不重要。不过还是谢谢。
猜你喜欢
  • 2014-06-20
  • 1970-01-01
  • 1970-01-01
  • 2013-10-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-10-24
相关资源
最近更新 更多