Off Canvas Layout For Twitter BootStrap

Question

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 Bootst

Answer 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.

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.

Answer 2

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

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

Answer 3

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

Answer 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.

Answer 5

I also found another impressive link

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