Bootstrap 4 Vertical Nav Tabs Snippet

Code Snippet Preview


View Demo View CodePen



Using the Bootstrap 4 grid classes and some HTML markup, we can change the default layout of tabs to be vertical. I also changed the style of the tabs to pills.

Related resources