Twitter bootstrap 3 带非画布导航的引导模板
这不是一个编码问题，而是一个快速停止的方向 我正在考虑在我的下一个项目中使用引导框架。Bootstrap3官方网站有很多默认模板，但在我看来它们都有相同的缺陷——我将在下面解释 如果将JS和CSS媒体查询结合起来，进行常规的、跨顶部的导航，并将其转换为隐藏的（单击）展开/折叠菜单，则是响应性最好的设计功能之一。这很好，但是，所有示例都只是将菜单链接放在彼此下方，虽然在手机上看起来不错，但如果将带有单个单词（例如“About”）的链接放在768px宽的div中，则看起来有点可笑 一个更好的解决方案是让左或右滑动菜单栏推送或重叠站点内容。不幸的是，没有太多这样的例子，或者至少我无法找到它们Twitter bootstrap 3 带非画布导航的引导模板,twitter-bootstrap-3,Twitter Bootstrap 3,这不是一个编码问题，而是一个快速停止的方向 我正在考虑在我的下一个项目中使用引导框架。Bootstrap3官方网站有很多默认模板，但在我看来它们都有相同的缺陷——我将在下面解释 如果将JS和CSS媒体查询结合起来，进行常规的、跨顶部的导航，并将其转换为隐藏的（单击）展开/折叠菜单，则是响应性最好的设计功能之一。这很好，但是，所有示例都只是将菜单链接放在彼此下方，虽然在手机上看起来不错，但如果将带有单个单词（例如“About”）的链接放在768px宽的div中，则看起来有点可笑 一个更好的解决方案
这就是我需要一些帮助的地方——对于较小的视口浏览器，任何基本模板最好都打开右侧菜单？这里有一个示例，它可能适用于您 我发现的大多数非画布示例都将侧边栏推离画布，但顶部导航栏仍折叠为通常的垂直导航 但是，此示例将导航栏调整为较小设备上的滑动右侧栏：
（Bootstrap 3 .x）
你也可以考虑切换到基金会（我已经使用Bootstrap和基础框架几年了，BouthEffice很大，一个通常比另一个项目更适合一个项目，这取决于需求）。基金会有一个本地的画布组件，它工作得很好（左边和右边都有画布）
foundation.zurb.com/docs/components/offcanvas.htmlJASNY的引导分叉具有这些模板。参见示例>画布外推送菜单哦，这很好。谢谢它会与未来的引导版本兼容吗？不能说。随着v.3的发展，他似乎会定期更新它（虽然3.1版还没有更新）。我知道这已经晚了，但我刚刚创建了你想要的@Jon Harding，一点也不晚。看起来不错，谢谢。