汇总一下Bootstrap 中如何做 steps (wizard),你可以将它用在shopping cart steps中,或者进度跟踪(Progress Trackers)。
点击即可进入github看源码
Pines Steps JavaScript steps (wizard) for Bootstrap
Pines Steps is a JavaScript steps (wizard) plugin。It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use. Pines Steps is useful for step-based transitions. We encourage the use of custom validation to show progression to users, so that the experience of completing linear tasks on the web is easier and user-friendly!
Twitter Bootstrap Wizard Plugin
This twitter bootstrap plugin builds a wizard out of a formatter tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.
Bootstrap Wizard
Bootstrap-Wizard Uses Bootstrap and JQuery to provide a highly customizable and powerful Wizard UI to your project. A wizard is used to display sections of content on separate, navigable pages so you can save screen real estate or simplify input tasks by creating a series of forms.
Compatible IE7+, FF, Chrome, Safari
jQuery Form to Form Wizard
This powerful jQuery Form Wizard script turns a FORM into a multi-step FORM wizard! Simply group logical elements within your FORM by surrounding them with the FIELDSET element, and the script does the rest in creating a new page for each group, plus the appropriate “Steps” text and pagination links above and below the form. It helps make filling out long forms more intuitive and less daunting. And when it comes to form validation, fear not, a built in form validation feature plus two event handlers, oninit
and onpagechangestart
of the script make it possible to perform form validation on each form page easily before allowing the user to move on to the next page.