这不是编码问题，而是快速停止指示。
我正在研究使用Bootstrap框架进行下一个项目。 Bootstrap 3官方网站有很多默认模板可供选择，但在我看来它们都有相同的缺陷 - 我将在下面解释。
最好的响应式设计功能之一，如果JS和CSS媒体查询的组合采取常规，顶部导航并将其转换为隐藏（点击）展开/折叠菜单。这很棒，但是，所有的例子都只是简单地将菜单链接放在彼此之下，虽然它在手机上看起来还不错，但当一个单词的链接（例如“关于”）放在一个单词中时，看起来有点荒谬div自己的768px宽。
一个更好的解决方案是让左或右滑动菜单栏推动或重叠网站内容。不幸的是，这些例子没有太多菜单，或者至少我无法找到它们。
这是我需要帮助的地方 - 对于较小的视口浏览器，最好是右侧菜单的任何基本模板？
答案 0 :(得分：1)
这是一个可能适合您的画布外导航栏示例...
我发现的大多数非画布示例都会在画布上推出侧边栏，但顶部导航栏仍然会折叠成通常的垂直导航栏。
但是，此示例将导航栏调整为较小设备上的滑动右侧边栏：
答案 1 :(得分：0)
您还可以考虑切换到Foundation（我使用bootstrap和Foundation框架已经好几年了，并且bout领域很棒，一个通常比另一个更好地适合项目，具体取决于需求）.. Foundation有一个原生的关闭-canvas组件，它工作得很好（左侧和右侧的画布都可用！）
foundation.zurb.com/docs/components/offcanvas.html