Tabs & Pills

<!-- Nav tabs: The 'links' which point to the 'tab panel' containers -->
<ul class="nav nav-tabs" role="tablist">
   <!-- Standard Tabs -->
   <li role="presentation" class="active"><a href="#tab1" aria-controls="home" role="tab" data-toggle="tab">Tab 1</a></li>
   <li role="presentation"><a href="#tab2" aria-controls="profile" role="tab" data-toggle="tab">Tab 2</a></li>
   <li role="presentation" class="disabled"><a href="#tab3" aria-controls="messages" role="tab">Tab 3</a></li>
   <li role="presentation"><a href="#tab4" aria-controls="settings" role="tab" data-toggle="tab">Tab 4</a></li>
</ul>

<!-- Tab panels: These contain the content which is hidden/shown -->
<div class="tab-content">
   <div role="tabpanel" class="tab-pane active" id="tab1"><h6>TAB ONE content</h6><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis sed eligendi laborum quaerat dolorum officia deleniti dolor eos explicabo. Blanditiis voluptates officiis nesciunt vero laborum minima nihil iusto cumque nam?</p></div>
   <div role="tabpanel" class="tab-pane" id="tab2"><h6>TAB TWO content</h6><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero consequatur iste nam cumque, voluptatibus dicta ducimus officiis aliquam qui atque, quis fugiat ullam ad a. Aliquid sit sed perspiciatis minima.</p></div>
   <div role="tabpanel" class="tab-pane" id="tab3"><h6>TAB THREE content</h6><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, optio aliquam velit eius facilis sed repudiandae, nostrum repellat nihil, sit nobis culpa vitae! Quos praesentium sed itaque iste, animi vero?</p></div>
   <div role="tabpanel" class="tab-pane" id="tab4"><h6>TAB FOUR content</h6><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, nihil nemo voluptatem quisquam ullam consequatur quas aliquam temporibus similique provident architecto itaque ea porro a, cum ipsam, harum commodi perspiciatis!</p></div>
</div>

/* Adds padding around the content inside each tab panel */
.tab-pane {
   padding: 1rem;
}