Off Canvas Layout For Twitter BootStrap

问题

Is there any example of a "Off Canvas" layout using twitter bootstrap ?

I found one in Foundation and there is also this CSS3 Experiment but nothing for Twitter Bootstrap ??

回答1:

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.

回答2:

I realize this question is old, but Twitter now includes an example of this with Bootstrap 3.0:

http://getbootstrap.com/examples/offcanvas/

回答3:

This pull request at the official github repo might be what you're looking for

回答4:

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.

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.

回答5:

I also found another impressive link

It would be great if I can get the collapsible menu to the right than the left

来源：https://stackoverflow.com/questions/13563051/off-canvas-layout-for-twitter-bootstrap