Questions tagged [bootstrap-tour]

Bootstrap Tour is a quick and easy way to build your product tours with Twitter Bootstrap Popovers.

Overview:

Bootstrap Tour is based on Bootstrap Popovers. It allows you to quickly set tours, easily defining the steps and their content.

Usage:

var tour = new Tour();

tour.addSteps([
  {
    element: "#my-element", 
    title: "Title of my step", 
    content: "Content of my step" 
  },
  {
    element: "#my-other-element",
    title: "Title of my step",
    content: "Content of my step"
  }
]);

tour.init();
tour.start();

Links:

Bootstrap Tour documentation
Project's Github page

126 questions
0
votes
1 answer

bootstrap tour for multipage. redirect but not strat next page tour

I am uisng bootstraptour.com for multipages tour. I have separate demo.js which contain all code and included in all two page. when i click on take a tour button it strat tour and when it redirect next.php it not show any more step. when i am…
Nilesh patel
  • 1,216
  • 2
  • 14
  • 38
0
votes
1 answer

Bootstrap tour not initializing

On my website, I'm using code very similar to that on the official boostraptour.com website yet I am not even getting the first tour pop-up. I've setup a testing area at JSFiddle but I'm still not succeeding. Am I missing something?
mattleeuk
  • 25
  • 7
0
votes
1 answer

Locate element in Bootstrap tour by Class Name, Css or Xpath

I am using bootstrap tour. @Html.ActionLink("New", "Create", "Test", new { test= Model.Id }, new { @class = "btn btn-primary" }) I would like to access the above mentioned item. But I do not have an Id for that. How would I access that elelemt
user2320213
  • 3
  • 1
  • 9
0
votes
1 answer

tour.prev() or onPrev ? if I am skipping step using onShown for moving next

Code is updated. . kindly take a look I am Creating application walk-through. In this we have three buttons Prev Next End By default Prev and Next buttons are working fine. I have done some modifications : Added onShown for skipping that step…
eegloonew
  • 89
  • 1
  • 8
-1
votes
1 answer

where should glyphicon code be inserted

Fist of all I am new to css/javascript/bootstrap. All I want is to place this code: inside my span (or somewhere) so the dog icon shows next to the "Dog" word. Please find my code below: {%load static%}
-1
votes
1 answer

How to start bootstrap tour on click? (on wordpress)

I want to make my bootstrap tour start when a button is clicked. But for some strange reason it doesn't work. I've putted the js files in the head and the rest in a widget (so in the body). It's all working fine if autostart is enabled (start if the…
Bas
  • 130
  • 2
  • 3
  • 11
1 2 3
8
9