Tabs

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus quae ratione vitae obcaecati rem non unde odio vel recusandae? Ipsa assumenda officiis repudiandae quam porro quasi officia, sint consectetur nam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat aperiam, aspernatur laborum, nam earum excepturi fugiat facere nisi corporis eum itaque corrupti eaque, placeat quaerat accusantium eveniet? Reprehenderit, ratione voluptatem!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta dolores ipsa id possimus fugit veritatis ullam natus aliquid, suscipit et? Dolore id, recusandae. Officia laborum soluta ad ab esse blanditiis?

<div class="card">

                                      <ul class="nav nav-tabs nav-tabs-card">

                                        <li class="nav-item">

                                          <a class="nav-link active" href="#first" data-toggle="tab">First</a>

                                        </li>

                                      </ul>

                                      <div class="card-body tab-content">

                                        <div class="tab-pane active" id="first">

                                          ...

                                        </div>

                                      </div>

                                    </div>

Tab with Dropdown

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum commodi ullam, quaerat unde sint hic sit. Ipsam minima expedita doloribus quos, praesentium. Molestiae itaque eveniet, totam excepturi fugiat veniam architecto?

Tabs

Tab with Dropdown

Pills