A simple multi-step form built with the Bootstrap Stepper. Each step displays form content and controls navigation through buttons (next
, prev
, finish
).
Display step indicators vertically above labels using the .vertical
modifier. This provides a compact and stylish layout for narrower screens or vertical designs.
Use the .stepper-vertical
class to build a full vertical stepper, where both indicators and step content stack vertically. Ideal for mobile-first designs or top-to-bottom flows.