Other Bootstrap 4 Elements

1. Progress Bars

Default



Labels

25%


Height



Backgrounds



Multiple bars



Striped bars



Animated stripes

2. Alert

Normal


Dismissible

3. Badge & Pills

Badge - Contextual variations

Primary Secondary Success Danger Warning Info Light Dark

Pill Badges

Primary Secondary Success Danger Warning Info Light Dark

Links Badges

Primary Secondary Success Danger Warning Info Light Dark

4. Breadcrumb

5. Carousel

6. Jumbotron

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.


It uses utility classes for typography and spacing to space content out within the larger container.

Learn more

7. Jumbotron - Fluid

Fluid jumbotron

This is a modified jumbotron that occupies the entire horizontal space of its parent.

8. List Group

8.1. Basic

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

8.2. Active

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

8.3. Disabled items

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

8.5. Buttons

8.6. Flush

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

8.7. Contextual Classes

  • Dapibus ac facilisis in
  • This is a primary list group item
  • This is a secondary list group item
  • This is a success list group item
  • This is a danger list group item
  • This is a warning list group item
  • This is a info list group item
  • This is a light list group item
  • This is a dark list group item

8.9. With Badges 1

  • Cras justo odio 14
  • Dapibus ac facilisis in 2
  • Morbi leo risus 1

8.10. With Badges 2

  • Cras justo odio 14
  • Dapibus ac facilisis in 2
  • Morbi leo risus 1

9. Navs

9.1. Default Nav

9.2. Centered Nav

9.3. Right Nav

9.4. Vertical Nav

10. Pagination

10.1. Default


10.4. Sizing

Large


Small