Steps

Rectangular Steps

There are 6 contextual classes available for the rectangular steps.

.list-steps-success, .list-steps-primary, .list-steps-info, .list-steps-warning, .list-steps-danger, .list-steps-inverse

Line Steps

There are 6 contextual classes available for the rectangular steps.

.list-steps-success, .list-steps-primary, .list-steps-info, .list-steps-warning, .list-steps-danger, .list-steps-inverse

  • Step one
  • Step two
  • Step three
  • Step four
  • Step one
  • Step two
  • Step three
  • Step four
  • Step one
  • Step two
  • Step three
  • Step four
  • Step one
  • Step two
  • Step three
  • Step four
Line Steps

There are 6 contextual classes available for the rectangular steps.

.list-steps-success, .list-steps-primary, .list-steps-info, .list-steps-warning, .list-steps-danger, .list-steps-inverse

Circle Steps

There are 6 contextual classes available for the rectangular steps.

.step-item-success, .step-item-primary, .step-item-info, .step-item-warning, .step-item-danger, .step-item-inverse

All of the .step-item-circle elements coming before .step-item-circle.active have additional .done class as a sign of the already passed step.

Circle Steps

There are 6 contextual classes available for the rectangular steps.

.step-item-success, .step-item-primary, .step-item-info, .step-item-warning, .step-item-danger, .step-item-inverse

All of the .step-item-circle elements coming before .step-item-circle.active have additional .done class as a sign of the already passed step.

Outline Steps

There are 6 contextual classes available for the rectangular steps.

.step-item-success, .step-item-primary, .step-item-info, .step-item-warning, .step-item-danger, .step-item-inverse

All of the .step-item-circle elements coming before .step-item-circle.active have additional .done class as a sign of the already passed step.