Base Nav
<nav> or
.nav &
.nav-item or
.nav-link
Horizontal Alignment
.justify-content-center or
.justify-content-end
Vertical Alignment
.flex-column
Tabs
.nav-tabs
Pills
.nav-pills
Fill and Justify
.nav-fill &
.nav-justified
Tabs with Dropdowns
.nav-tabs &
.dropdown
Pills with Dropdowns
.nav-pills &
.dropdown
Tabs with JavaScript
.nav-tabs
data-toggle="tab" &
.tab-content
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odit fugit accusamus magnam, deserunt veritatis quaerat consequuntur molestiae, similique ullam reprehenderit eius doloremque rem saepe, exercitationem delectus nesciunt dolor eaque architecto nostrum autem neque facere labore? Magnam dolor excepturi non odio eveniet est distinctio, doloremque nulla nobis minima vitae voluptas possimus.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil iusto iure, porro vel provident ipsa recusandae dolores maiores. Placeat quaerat modi magni. Repudiandae debitis temporibus voluptatibus voluptates illum officia voluptas fugit at cupiditate sit commodi ex aperiam exercitationem odio, laudantium perferendis consectetur non autem est perspiciatis molestiae eum? Nulla omnis exercitationem iste eos fuga enim, iure suscipit? Dicta, suscipit aliquid.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sapiente iste dolorem, earum laborum fugit ad hic animi impedit temporibus libero cupiditate cumque id quas aliquid quaerat delectus placeat recusandae? Sunt obcaecati pariatur fuga consequuntur quis eius quidem dolore porro vitae dolorem omnis inventore, mollitia perspiciatis quo voluptatum possimus accusantium facilis modi. Consectetur molestias voluptas, repudiandae iusto esse accusamus. Cumque, ratione dignissimos asperiores accusantium ad fugiat deleniti. Alias possimus distinctio ex?
Pills with JavaScript
.nav-pills
data-toggle="pill" &
.tab-content
PARAGRAPH #1, amet consectetur adipisicing elit. Odit fugit accusamus magnam, deserunt veritatis quaerat consequuntur molestiae, similique ullam reprehenderit eius doloremque rem saepe, exercitationem delectus nesciunt dolor eaque architecto nostrum autem neque facere labore? Magnam dolor excepturi non odio eveniet est distinctio, doloremque nulla nobis minima vitae voluptas possimus.
PARAGRAPH #2, amet consectetur adipisicing elit. Nihil iusto iure, porro vel provident ipsa recusandae dolores maiores. Placeat quaerat modi magni. Repudiandae debitis temporibus voluptatibus voluptates illum officia voluptas fugit at cupiditate sit commodi ex aperiam exercitationem odio, laudantium perferendis consectetur non autem est perspiciatis molestiae eum? Nulla omnis exercitationem iste eos fuga enim, iure suscipit? Dicta, suscipit aliquid.
PARAGRAPH #3, adipisicing elit. Sapiente iste dolorem, earum laborum fugit ad hic animi impedit temporibus libero cupiditate cumque id quas aliquid quaerat delectus placeat recusandae? Sunt obcaecati pariatur fuga consequuntur quis eius quidem dolore porro vitae dolorem omnis inventore, mollitia perspiciatis quo voluptatum possimus accusantium facilis modi. Consectetur molestias voluptas, repudiandae iusto esse accusamus. Cumque, ratione dignissimos asperiores accusantium ad fugiat deleniti. Alias possimus distinctio ex?
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odit fugit accusamus magnam, deserunt veritatis quaerat consequuntur molestiae, similique ullam reprehenderit eius doloremque rem saepe, exercitationem delectus nesciunt dolor eaque architecto nostrum autem neque facere labore? Magnam dolor excepturi non odio eveniet est distinctio, doloremque nulla nobis minima vitae voluptas possimus.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil iusto iure, porro vel provident ipsa recusandae dolores maiores. Placeat quaerat modi magni. Repudiandae debitis temporibus voluptatibus voluptates illum officia voluptas fugit at cupiditate sit commodi ex aperiam exercitationem odio, laudantium perferendis consectetur non autem est perspiciatis molestiae eum? Nulla omnis exercitationem iste eos fuga enim, iure suscipit? Dicta, suscipit aliquid.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sapiente iste dolorem, earum laborum fugit ad hic animi impedit temporibus libero cupiditate cumque id quas aliquid quaerat delectus placeat recusandae? Sunt obcaecati pariatur fuga consequuntur quis eius quidem dolore porro vitae dolorem omnis inventore, mollitia perspiciatis quo voluptatum possimus accusantium facilis modi. Consectetur molestias voluptas, repudiandae iusto esse accusamus. Cumque, ratione dignissimos asperiores accusantium ad fugiat deleniti. Alias possimus distinctio ex?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit omnis animi accusamus esse cum repellendus consectetur! Officiis maxime, autem pariatur saepe voluptates aperiam et! Earum culpa id ea. Cupiditate illum, aliquam quae sequi enim, facere error saepe perspiciatis ea illo, ipsum debitis eveniet minus neque praesentium blanditiis nesciunt adipisci delectus quis. Voluptatum debitis quo distinctio rerum, quibusdam consequatur natus repudiandae odio optio, facilis magnam vero, eveniet error eaque quae explicabo. Laborum exercitationem et magnam aperiam aliquam dolorum, soluta dolores culpa perferendis a, adipisci vel perspiciatis consectetur reiciendis rerum nobis eaque!