Bootstrap Use
Use .nav-pills and tabs content.

Aliquam a porttitor justo. Duis eget dictum mauris. Phasellus vehicula vulputate rutrum. Sed bibendum urna vitae lobortis iaculis. In hac habitasse platea dictumst. Duis pulvinar magna eu augue ullamcorper, nec semper mi aliquam. Maecenas at tincidunt augue, sed sollicitudin elit. Nam nibh nisl, faucibus non ante sit amet, facilisis tempor arcu. Nulla ut sodales tellus. Nunc hendrerit vitae mi maximus tempus. Donec erat mauris, tincidunt in ornare sed, tincidunt egestas nisi. Aliquam erat volutpat. Etiam non massa at orci vulputate condimentum. Etiam mattis arcu non dolor tempus maximus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at facilisis ligula. Mauris semper pulvinar lorem, in laoreet felis mollis at. Donec eros est, posuere vitae blandit vel, facilisis a arcu. Nulla placerat id eros ut dictum. Nulla molestie dui id mauris aliquam varius. Donec sed mi vel dolor suscipit feugiat sed non leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque velit leo, porta vel congue eu, consectetur id nisl.

Aliquam vitae malesuada enim. Curabitur et vestibulum sem. Pellentesque leo ligula, convallis nec vehicula convallis, pharetra sed mauris. Curabitur neque purus, luctus sit amet nunc non, pellentesque interdum sapien. Integer ut dapibus lectus, ac porttitor turpis. Quisque tellus eros, congue et eros sed, imperdiet tincidunt lorem. Nullam at ipsum egestas, elementum leo quis, tincidunt felis. Donec placerat aliquam facilisis. Sed ut tincidunt ante. In sem magna, fermentum ut turpis id, imperdiet accumsan tortor.

Sed interdum felis sit amet massa euismod, convallis sagittis ex tempor. Suspendisse sed massa hendrerit, elementum augue non, porttitor enim. Duis ut enim lacinia, tincidunt ligula at, mattis ante. Praesent dapibus sem ante. Nulla hendrerit ullamcorper risus, nec interdum nibh consectetur ac. Sed hendrerit tellus eros, sit amet ultrices erat tincidunt et.

Nav Pills
Use .nav-pills .nav-pills-primary and pills will be rounded.

Aliquam a porttitor justo. Duis eget dictum mauris. Phasellus vehicula vulputate rutrum. Sed bibendum urna vitae lobortis iaculis. In hac habitasse platea dictumst. Duis pulvinar magna eu augue ullamcorper, nec semper mi aliquam. Maecenas at tincidunt augue, sed sollicitudin elit. Nam nibh nisl, faucibus non ante sit amet, facilisis tempor arcu. Nulla ut sodales tellus. Nunc hendrerit vitae mi maximus tempus. Donec erat mauris, tincidunt in ornare sed, tincidunt egestas nisi. Aliquam erat volutpat. Etiam non massa at orci vulputate condimentum. Etiam mattis arcu non dolor tempus maximus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at facilisis ligula. Mauris semper pulvinar lorem, in laoreet felis mollis at. Donec eros est, posuere vitae blandit vel, facilisis a arcu. Nulla placerat id eros ut dictum. Nulla molestie dui id mauris aliquam varius. Donec sed mi vel dolor suscipit feugiat sed non leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque velit leo, porta vel congue eu, consectetur id nisl.

Aliquam vitae malesuada enim. Curabitur et vestibulum sem. Pellentesque leo ligula, convallis nec vehicula convallis, pharetra sed mauris. Curabitur neque purus, luctus sit amet nunc non, pellentesque interdum sapien. Integer ut dapibus lectus, ac porttitor turpis. Quisque tellus eros, congue et eros sed, imperdiet tincidunt lorem. Nullam at ipsum egestas, elementum leo quis, tincidunt felis. Donec placerat aliquam facilisis. Sed ut tincidunt ante. In sem magna, fermentum ut turpis id, imperdiet accumsan tortor.

Sed interdum felis sit amet massa euismod, convallis sagittis ex tempor. Suspendisse sed massa hendrerit, elementum augue non, porttitor enim. Duis ut enim lacinia, tincidunt ligula at, mattis ante. Praesent dapibus sem ante. Nulla hendrerit ullamcorper risus, nec interdum nibh consectetur ac. Sed hendrerit tellus eros, sit amet ultrices erat tincidunt et.

Curabitur varius risus quis egestas consectetur. Donec suscipit ornare nulla, sit amet luctus sapien sagittis pharetra. Duis tincidunt libero risus, a tempor risus suscipit ac. Suspendisse et felis eu ante aliquam facilisis eu ut orci. Praesent ut nunc eget tellus aliquam rhoncus eu quis est. Nunc a tellus et ante gravida vulputate non ac dui. Proin auctor nunc dolor, quis laoreet leo faucibus eu. Duis bibendum pulvinar est

Aliquam malesuada vestibulum mauris quis venenatis. Mauris libero erat, ultricies vitae elit ut, pellentesque suscipit ex. Sed porta malesuada turpis a tincidunt. Sed massa quam, gravida dapibus justo a, gravida aliquam lectus. Nam sit amet turpis nec mi varius tincidunt. Proin lobortis et justo vel luctus. Mauris pellentesque justo eu turpis pulvinar consectetur. Integer felis neque, interdum a consequat vel, tincidunt at nulla. Quisque ut sem facilisis libero aliquam posuere a sed justo. Etiam sed dapibus tortor, nec euismod enim. Donec commodo sed orci eget laoreet. Donec aliquam ex ut diam pulvinar, non semper neque dictum. Nullam ornare accumsan tellus at bibendum.

Nav masthead
Add new class .nav nav-masthead-primary with color choice.

Aliquam a porttitor justo. Duis eget dictum mauris. Phasellus vehicula vulputate rutrum. Sed bibendum urna vitae lobortis iaculis. In hac habitasse platea dictumst. Duis pulvinar magna eu augue ullamcorper, nec semper mi aliquam. Maecenas at tincidunt augue, sed sollicitudin elit. Nam nibh nisl, faucibus non ante sit amet, facilisis tempor arcu. Nulla ut sodales tellus. Nunc hendrerit vitae mi maximus tempus. Donec erat mauris, tincidunt in ornare sed, tincidunt egestas nisi. Aliquam erat volutpat. Etiam non massa at orci vulputate condimentum. Etiam mattis arcu non dolor tempus maximus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at facilisis ligula. Mauris semper pulvinar lorem, in laoreet felis mollis at. Donec eros est, posuere vitae blandit vel, facilisis a arcu. Nulla placerat id eros ut dictum. Nulla molestie dui id mauris aliquam varius. Donec sed mi vel dolor suscipit feugiat sed non leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque velit leo, porta vel congue eu, consectetur id nisl.

Aliquam vitae malesuada enim. Curabitur et vestibulum sem. Pellentesque leo ligula, convallis nec vehicula convallis, pharetra sed mauris. Curabitur neque purus, luctus sit amet nunc non, pellentesque interdum sapien. Integer ut dapibus lectus, ac porttitor turpis. Quisque tellus eros, congue et eros sed, imperdiet tincidunt lorem. Nullam at ipsum egestas, elementum leo quis, tincidunt felis. Donec placerat aliquam facilisis. Sed ut tincidunt ante. In sem magna, fermentum ut turpis id, imperdiet accumsan tortor.

Sed interdum felis sit amet massa euismod, convallis sagittis ex tempor. Suspendisse sed massa hendrerit, elementum augue non, porttitor enim. Duis ut enim lacinia, tincidunt ligula at, mattis ante. Praesent dapibus sem ante. Nulla hendrerit ullamcorper risus, nec interdum nibh consectetur ac. Sed hendrerit tellus eros, sit amet ultrices erat tincidunt et.

Curabitur varius risus quis egestas consectetur. Donec suscipit ornare nulla, sit amet luctus sapien sagittis pharetra. Duis tincidunt libero risus, a tempor risus suscipit ac. Suspendisse et felis eu ante aliquam facilisis eu ut orci. Praesent ut nunc eget tellus aliquam rhoncus eu quis est. Nunc a tellus et ante gravida vulputate non ac dui. Proin auctor nunc dolor, quis laoreet leo faucibus eu. Duis bibendum pulvinar est

Aliquam malesuada vestibulum mauris quis venenatis. Mauris libero erat, ultricies vitae elit ut, pellentesque suscipit ex. Sed porta malesuada turpis a tincidunt. Sed massa quam, gravida dapibus justo a, gravida aliquam lectus. Nam sit amet turpis nec mi varius tincidunt. Proin lobortis et justo vel luctus. Mauris pellentesque justo eu turpis pulvinar consectetur. Integer felis neque, interdum a consequat vel, tincidunt at nulla. Quisque ut sem facilisis libero aliquam posuere a sed justo. Etiam sed dapibus tortor, nec euismod enim. Donec commodo sed orci eget laoreet. Donec aliquam ex ut diam pulvinar, non semper neque dictum. Nullam ornare accumsan tellus at bibendum.

Fill justify
Add new class .nav .nav-pills-primary .nav-fill with color choice.

Aliquam a porttitor justo. Duis eget dictum mauris. Phasellus vehicula vulputate rutrum. Sed bibendum urna vitae lobortis iaculis. In hac habitasse platea dictumst. Duis pulvinar magna eu augue ullamcorper, nec semper mi aliquam. Maecenas at tincidunt augue, sed sollicitudin elit. Nam nibh nisl, faucibus non ante sit amet, facilisis tempor arcu. Nulla ut sodales tellus. Nunc hendrerit vitae mi maximus tempus. Donec erat mauris, tincidunt in ornare sed, tincidunt egestas nisi. Aliquam erat volutpat. Etiam non massa at orci vulputate condimentum. Etiam mattis arcu non dolor tempus maximus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at facilisis ligula. Mauris semper pulvinar lorem, in laoreet felis mollis at. Donec eros est, posuere vitae blandit vel, facilisis a arcu. Nulla placerat id eros ut dictum. Nulla molestie dui id mauris aliquam varius. Donec sed mi vel dolor suscipit feugiat sed non leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque velit leo, porta vel congue eu, consectetur id nisl.

Aliquam vitae malesuada enim. Curabitur et vestibulum sem. Pellentesque leo ligula, convallis nec vehicula convallis, pharetra sed mauris. Curabitur neque purus, luctus sit amet nunc non, pellentesque interdum sapien. Integer ut dapibus lectus, ac porttitor turpis. Quisque tellus eros, congue et eros sed, imperdiet tincidunt lorem. Nullam at ipsum egestas, elementum leo quis, tincidunt felis. Donec placerat aliquam facilisis. Sed ut tincidunt ante. In sem magna, fermentum ut turpis id, imperdiet accumsan tortor.

Sed interdum felis sit amet massa euismod, convallis sagittis ex tempor. Suspendisse sed massa hendrerit, elementum augue non, porttitor enim. Duis ut enim lacinia, tincidunt ligula at, mattis ante. Praesent dapibus sem ante. Nulla hendrerit ullamcorper risus, nec interdum nibh consectetur ac. Sed hendrerit tellus eros, sit amet ultrices erat tincidunt et.

Curabitur varius risus quis egestas consectetur. Donec suscipit ornare nulla, sit amet luctus sapien sagittis pharetra. Duis tincidunt libero risus, a tempor risus suscipit ac. Suspendisse et felis eu ante aliquam facilisis eu ut orci. Praesent ut nunc eget tellus aliquam rhoncus eu quis est. Nunc a tellus et ante gravida vulputate non ac dui. Proin auctor nunc dolor, quis laoreet leo faucibus eu. Duis bibendum pulvinar est

Aliquam malesuada vestibulum mauris quis venenatis. Mauris libero erat, ultricies vitae elit ut, pellentesque suscipit ex. Sed porta malesuada turpis a tincidunt. Sed massa quam, gravida dapibus justo a, gravida aliquam lectus. Nam sit amet turpis nec mi varius tincidunt. Proin lobortis et justo vel luctus. Mauris pellentesque justo eu turpis pulvinar consectetur. Integer felis neque, interdum a consequat vel, tincidunt at nulla. Quisque ut sem facilisis libero aliquam posuere a sed justo. Etiam sed dapibus tortor, nec euismod enim. Donec commodo sed orci eget laoreet. Donec aliquam ex ut diam pulvinar, non semper neque dictum. Nullam ornare accumsan tellus at bibendum.

Fill justify end
Add new class .nav .nav-pills-primary .justify-content-end with color choice.

Aliquam a porttitor justo. Duis eget dictum mauris. Phasellus vehicula vulputate rutrum. Sed bibendum urna vitae lobortis iaculis. In hac habitasse platea dictumst. Duis pulvinar magna eu augue ullamcorper, nec semper mi aliquam. Maecenas at tincidunt augue, sed sollicitudin elit. Nam nibh nisl, faucibus non ante sit amet, facilisis tempor arcu. Nulla ut sodales tellus. Nunc hendrerit vitae mi maximus tempus. Donec erat mauris, tincidunt in ornare sed, tincidunt egestas nisi. Aliquam erat volutpat. Etiam non massa at orci vulputate condimentum. Etiam mattis arcu non dolor tempus maximus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at facilisis ligula. Mauris semper pulvinar lorem, in laoreet felis mollis at. Donec eros est, posuere vitae blandit vel, facilisis a arcu. Nulla placerat id eros ut dictum. Nulla molestie dui id mauris aliquam varius. Donec sed mi vel dolor suscipit feugiat sed non leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque velit leo, porta vel congue eu, consectetur id nisl.

Aliquam vitae malesuada enim. Curabitur et vestibulum sem. Pellentesque leo ligula, convallis nec vehicula convallis, pharetra sed mauris. Curabitur neque purus, luctus sit amet nunc non, pellentesque interdum sapien. Integer ut dapibus lectus, ac porttitor turpis. Quisque tellus eros, congue et eros sed, imperdiet tincidunt lorem. Nullam at ipsum egestas, elementum leo quis, tincidunt felis. Donec placerat aliquam facilisis. Sed ut tincidunt ante. In sem magna, fermentum ut turpis id, imperdiet accumsan tortor.

Sed interdum felis sit amet massa euismod, convallis sagittis ex tempor. Suspendisse sed massa hendrerit, elementum augue non, porttitor enim. Duis ut enim lacinia, tincidunt ligula at, mattis ante. Praesent dapibus sem ante. Nulla hendrerit ullamcorper risus, nec interdum nibh consectetur ac. Sed hendrerit tellus eros, sit amet ultrices erat tincidunt et.

Curabitur varius risus quis egestas consectetur. Donec suscipit ornare nulla, sit amet luctus sapien sagittis pharetra. Duis tincidunt libero risus, a tempor risus suscipit ac. Suspendisse et felis eu ante aliquam facilisis eu ut orci. Praesent ut nunc eget tellus aliquam rhoncus eu quis est. Nunc a tellus et ante gravida vulputate non ac dui. Proin auctor nunc dolor, quis laoreet leo faucibus eu. Duis bibendum pulvinar est

Aliquam malesuada vestibulum mauris quis venenatis. Mauris libero erat, ultricies vitae elit ut, pellentesque suscipit ex. Sed porta malesuada turpis a tincidunt. Sed massa quam, gravida dapibus justo a, gravida aliquam lectus. Nam sit amet turpis nec mi varius tincidunt. Proin lobortis et justo vel luctus. Mauris pellentesque justo eu turpis pulvinar consectetur. Integer felis neque, interdum a consequat vel, tincidunt at nulla. Quisque ut sem facilisis libero aliquam posuere a sed justo. Etiam sed dapibus tortor, nec euismod enim. Donec commodo sed orci eget laoreet. Donec aliquam ex ut diam pulvinar, non semper neque dictum. Nullam ornare accumsan tellus at bibendum.

Vertical
Add new class .nav .nav-pills-primary .d-inline-flex .flex-column with color choice.

Aliquam a porttitor justo. Duis eget dictum mauris. Phasellus vehicula vulputate rutrum. Sed bibendum urna vitae lobortis iaculis. In hac habitasse platea dictumst. Duis pulvinar magna eu augue ullamcorper, nec semper mi aliquam. Maecenas at tincidunt augue, sed sollicitudin elit. Nam nibh nisl, faucibus non ante sit amet, facilisis tempor arcu. Nulla ut sodales tellus. Nunc hendrerit vitae mi maximus tempus. Donec erat mauris, tincidunt in ornare sed, tincidunt egestas nisi. Aliquam erat volutpat. Etiam non massa at orci vulputate condimentum. Etiam mattis arcu non dolor tempus maximus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at facilisis ligula. Mauris semper pulvinar lorem, in laoreet felis mollis at. Donec eros est, posuere vitae blandit vel, facilisis a arcu. Nulla placerat id eros ut dictum. Nulla molestie dui id mauris aliquam varius. Donec sed mi vel dolor suscipit feugiat sed non leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque velit leo, porta vel congue eu, consectetur id nisl.

Aliquam vitae malesuada enim. Curabitur et vestibulum sem. Pellentesque leo ligula, convallis nec vehicula convallis, pharetra sed mauris. Curabitur neque purus, luctus sit amet nunc non, pellentesque interdum sapien. Integer ut dapibus lectus, ac porttitor turpis. Quisque tellus eros, congue et eros sed, imperdiet tincidunt lorem. Nullam at ipsum egestas, elementum leo quis, tincidunt felis. Donec placerat aliquam facilisis. Sed ut tincidunt ante. In sem magna, fermentum ut turpis id, imperdiet accumsan tortor.

Sed interdum felis sit amet massa euismod, convallis sagittis ex tempor. Suspendisse sed massa hendrerit, elementum augue non, porttitor enim. Duis ut enim lacinia, tincidunt ligula at, mattis ante. Praesent dapibus sem ante. Nulla hendrerit ullamcorper risus, nec interdum nibh consectetur ac. Sed hendrerit tellus eros, sit amet ultrices erat tincidunt et.

Curabitur varius risus quis egestas consectetur. Donec suscipit ornare nulla, sit amet luctus sapien sagittis pharetra. Duis tincidunt libero risus, a tempor risus suscipit ac. Suspendisse et felis eu ante aliquam facilisis eu ut orci. Praesent ut nunc eget tellus aliquam rhoncus eu quis est. Nunc a tellus et ante gravida vulputate non ac dui. Proin auctor nunc dolor, quis laoreet leo faucibus eu. Duis bibendum pulvinar est

Aliquam malesuada vestibulum mauris quis venenatis. Mauris libero erat, ultricies vitae elit ut, pellentesque suscipit ex. Sed porta malesuada turpis a tincidunt. Sed massa quam, gravida dapibus justo a, gravida aliquam lectus. Nam sit amet turpis nec mi varius tincidunt. Proin lobortis et justo vel luctus. Mauris pellentesque justo eu turpis pulvinar consectetur. Integer felis neque, interdum a consequat vel, tincidunt at nulla. Quisque ut sem facilisis libero aliquam posuere a sed justo. Etiam sed dapibus tortor, nec euismod enim. Donec commodo sed orci eget laoreet. Donec aliquam ex ut diam pulvinar, non semper neque dictum. Nullam ornare accumsan tellus at bibendum.

  • 15 mns ago
  • 21 mns ago
  • 35 mns ago
  • 47 mns ago
  • 1 hour ago
  • 1 day ago
  • 15 mns ago
  • 21 mns ago
  • 35 mns ago
  • 47 mns ago
  • 1 hour ago
  • 1 day ago
  • User Avatar

    @frankwilliams 15 mns ago
  • User Avatar

    @mollysims 21 mns ago
  • User Avatar

    @johndoe 35 mns ago
  • User Avatar

    @frankwilliams 47 mns ago
  • User Avatar

    @nellyfrank 1 hour ago
  • User Avatar

    @bertkramp 1 day ago
  • User Avatar

    @frankwilliams 15 mns ago
  • User Avatar

    @mollysims 21 mns ago
  • User Avatar

    @johndoe 35 mns ago
  • User Avatar

    @frankwilliams 47 mns ago
  • User Avatar

    @nellyfrank 1 hour ago
  • User Avatar

    @bertkramp 1 day ago

Header Color

White

Dark

Primary

Danger

Success

Info

Warning

Quaternary

Quinary

Senary

Septenary

Octonary

Nonary

Denary

Sidebar Color

Dark

White

Sidebar Layout

Toggle the left sidebar's state (open or collapse)

Sowh hide Sidebar in minimum size