twitter-bootstrap Twitter BootStrap 的画布布局
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/13563051/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Off Canvas Layout For Twitter BootStrap
提问by Anand Sunderraman
Is there any example of a "Off Canvas" layout using twitter bootstrap ?
是否有使用 twitter bootstrap 的“Off Canvas”布局示例？
I found one in Foundationand there is also this CSS3 Experimentbut nothing for Twitter Bootstrap ??
我在Foundation 中找到了一个，也有这个CSS3 实验，但没有用于 Twitter Bootstrap ??
采纳答案by krichnafsky
Here is a generic example for "Off-Canvas" using twitter bootstrap:
这是使用 twitter bootstrap 的“Off-Canvas”的通用示例：
http://codepen.io/krichnafsky/full/cuhkL
http://codepen.io/krichnafsky/full/cuhkL
Feel free to use it. If you have any questions let me know.
随意使用它。如果您有任何问题，请告诉我。
回答by randomswathe
I realize this question is old, but Twitter now includes an example of this with Bootstrap 3.0:
我意识到这个问题很老，但 Twitter 现在在 Bootstrap 3.0 中包含了一个例子：
回答by Rob Bennet
This pull requestat the official github repo might be what you're looking for
官方 github repo 上的这个 pull request可能就是你要找的
回答by Adam McCoig
Here is a generic example for "Off-Canvas" using twitter bootstrap:
http://codepen.io/krichnafsky/full/cuhkL
Feel free to use it. If you have any questions let me know.
这是使用 twitter bootstrap 的“Off-Canvas”的通用示例：
http://codepen.io/krichnafsky/full/cuhkL
随意使用它。如果您有任何问题，请告诉我。
Thats not a bad solution. Fairly simple. I would just add
这不是一个糟糕的解决方案。相当简单。我只想补充
html { overflow-x: hidden; }
so it doesn't add a bottom scroll bar while viewing the menu. Shouldn't need a bottom scroll bar anyway using bootstrap responsive.
所以它在查看菜单时不会添加底部滚动条。无论如何都不需要使用引导响应的底部滚动条。
