Navigation & More
Navigation elements, modals, tooltips and more!

Tooltips, Popovers and Modals

Tooltips

Tooltip




Popovers





Modals

Modal
Fade In
Tabs
Small
Large

List Group

10

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 9

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 15

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 8

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 99+

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 19

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
1

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 10

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 99+

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 3

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 999+

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 22

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Navigation Elements

Tabs .nav .nav-tabs

Pills .nav .nav-pills

Stacked Pills .nav .nav-pills .nav-stacked

Working Tabs Block and Simple

Block tabs..
Profile..
Settings..
News..
Profile..
Messages..
Settings..

Breadcrumb A <ol> list with .breadcrumb class

  2. Profile
  3. Settings

Pagination A <ul> with .pagination class

Default Pagination

Active and Disabled States

Sizes and Icons .pagination .pagination-sm .pagination .pagination .pagination-lg

Alignments The same as aligning a paragraph (using .text-center or .text-right on pagination's container)

Pager For simpler navigation