Exploring off canvas nav menus with Bootstrap

I’ve been stuck in the weeds figuring out navigation patterns for a major project at work, so I thought I’d quickly share some examples I’ve been referencing. The site Adventures in Responsive Navigation has been a godsend, along with the navigation patterns in Brad Frost’s This Is Responsive.

Off Canvas Menu Resources

• Nicholas Cerminara’s Off Canvas Menus with CSS3 Transitions and Transforms
• jQuery gxSideMenu Plugin Demos
• Free jQuery side menu Plugins
• Jasny Bootstrap – The missing components for your favorite front-end framework.

Off Canvas Examples

• Squarespace
• Wiley Online Library

Mega Menu Resources

• Bootstrap 3 Responsive Multiple Mega Menu
• Boootstrap 3 CSS Mega Menu
• Yamm 3! Bootstrap 3 Mega Menu Plugin

Additional Resources

• Bootstrap 3 Tips and Tricks You Might Not Know