Bootstrap3 - Three Column layout on desktop - 2 sided offcanvas on tablets and mobiles

  • 0
Recently i was working for an assignment where the requirement was:

On desktop it should be a 3 column layout. The top navigation bar should be fixed and the footer should be sticky footer.

On tablets and mobiles, Column 1 and column 3 should be offcanvas with column 2 occupying full device width.

Here is the codepen for the same:




See the Pen DwiIJ by harikrishnan (@harikrishkk) on CodePen.

Feel free to drop in your comments !

Try resizing your browser to see it in action!

No comments:

Post a Comment