Tour

How to use it

Tour is very easy to use. All you have to do is to define main tour object var tour = new Tour. You can add backdrop: true, to add a gray background. Next you need to define a tour step with array:

                        // Instance the tour
                        var tour = new Tour({
                          steps: [
                          {
                            element: ".your-element",
                            title: "Title of my step",
                            content: "Content of my step"
                          },
                          {
                            element: ".your-other-element",
                            title: "Title of my step",
                            content: "Content of my step"
                          }
                        ]});

                        // Initialize the tour
                        tour.init();

                        // Start the tour
                        tour.start();

                        

Configuration

See full documentation of official tour plugin: http://bootstraptour.com/.