Bootstrap - 连接到主菜单的响应式侧面菜单的问题

时间:2016-05-29 19:49:33

标签: javascript jquery html css twitter-bootstrap

我试图调整responsive sidemenu snippet,这样我就可以同时拥有主引导菜单和在小屏幕上折叠的侧面菜单。

我设法做了所有必要的更改,除了两个:

  1. 强制侧面菜单在大屏幕上滚动,即使它被放置在固定容器(特别是导航元素)内。
  2. 在主菜单下添加一个边框,一个到达浏览器窗口边缘的边框。这个对我来说似乎很难实现,我甚至尝试添加新的div或使用伪元素选择器(特别是::)。
  3. 如果您有任何建议,请制作它们 - 即使它们与这两个问题无关。 非常感谢你

    Demo

1 个答案:

答案 0 :(得分:0)

2)主菜单下方的边框。 尝试添加:

#navbar-collapse-1 {
  border-bottom: 1px solid #e7e7e7;
}