Tabs & Pills
Basic Tabs
Horizontal bootstrap
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Temporibus, omnis obcaecati repudiandae magni perferendis at. Ipsum accusamus doloribus doloremque, enim labore quidem tempore dicta repellat modi quaerat. Culpa, id iure!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laboriosam incidunt aliquid reprehenderit deleniti error? Consectetur fugiat exercitationem quo beatae nesciunt, iure dolore maiores labore aut eius vel veniam reiciendis modi.
Vertical Tabs
To use add class .nav-tabs-vertical to
.nav and
.tab-content-vertical to .tab-content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem cupiditate saepe nesciunt nobis neque incidunt voluptatum sint aspernatur error illo, ullam perspiciatis in optio omnis assumenda porro blanditiis vero ea.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nihil porro vel facere, eligendi, cupiditate eaque beatae qui est unde ab harum, at enim nesciunt! Nihil maiores soluta totam facere. Incidunt.
Pills
Basic bootstrap pills
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis non sit tempore praesentium fugiat unde ipsa, distinctio earum laborum quaerat voluptate atque libero. Praesentium sapiente sint quisquam perferendis! Quam, harum.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit itaque dolorum inventore neque nemo voluptas beatae tenetur asperiores! Fugit, dicta sunt! Sunt id mollitia quos optio asperiores sapiente beatae fuga.
Vertical Pills
To use add class .nav-pills-vertical in
.nav and
.tab-content-vertical in .tab-content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem quod quibusdam molestiae eos eligendi ex harum, voluptates consectetur soluta quae sequi atque natus culpa labore eveniet vitae nam, possimus accusantium?
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus earum placeat, inventore hic ullam repudiandae fugit saepe optio quaerat minima itaque iusto exercitationem maiores laborum facilis illum fuga architecto harum.
Customize pills
To use add class .nav-pills-custom and
.tab-content-custom-pill in .nav-pills and
.tab-content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi tenetur, iure mollitia laboriosam aperiam laborum illo quas facilis et exercitationem nulla dolorem repudiandae, ipsum, odit necessitatibus dolores cumque libero quisquam?
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat, veniam dolorem sint quaerat ipsa facilis ea suscipit ullam et consequuntur nulla consequatur dolore quia ut nesciunt distinctio eligendi! Reiciendis, esse.