How to make bootstrap-tour work?

bootstrap-tour, html, jquery, twitter-bootstrap

Solution

See http://jsfiddle.net/4uS59/

you have wrong ids in yout html

<div id="#content">
    Hello, World!
</div>
<br><br><br>
<div id="#content1">
    Another Hello, World!
</div>

should be

<div id="content">
    Hello, World!
</div>
<br><br><br>
<div id="content1">
    Another Hello, World!
</div>

Problem

I have this code in a page. I'm trying to make bootstrap-tour work but it's not happening. What am I doing wrong? What am I missing here? ``` <!DOCTYPE html> <html> <head> <link href="bootstrap.css" rel="stylesheet"> <link href="bootstrap-tour.css" rel="stylesheet"> <link href="bootstrap-tour.min.css" rel="stylesheet"> <!--[if lt IE 9]><script src="html5shiv.js"><![endif]--> <script> // Instance the tour var tour = new Tour(); // Add your steps. Not too many, you don't really want to get your users sleepy tour.addSteps([ { element: "#content", // string (jQuery selector) - html element next to which the step popover should be shown title: "Title of my step", // string - title of the popover content: "Content of my step" // string - content of the popover }, { element: "#content1", title: "Title of my step", content: "Content of my step" } ]); // Initialize the tour tour.init(); // Start the tour tour.start(); </script> </head> <body> <div id="#content"> Hello, World! </div> <br><br><br> <div id="#content1"> Another Hello, World! </div> <script src="jquery.js"></script> <script src="bootstrap.tooltip.js"></script> <script src="bootstrap.popover.js"></script> <script src="bootstrap-tour.js"></script> <script src="bootstrap-tour.min.js"></script> </body> </html> ``` I searched in google but it seems no one has ever had any trouble in getting the tour set-up. I don't know what am I missing. Can be some simple thing. Help me guys. I've included these files: CSS:: ``` Bootstrap.css v3.0.0 bootstrap-tour.css - v0.8.0 bootstrap-tour.min.css - v0.8.0 ``` JS:: ``` bootstrap-tour.min.js - v0.8.0 bootstrap-tour.js - v0.8.0 bootstrap-popover.js v2.0.4 bootstrap-tooltip.js v2.0.4 jQuery JavaScript Library v1.9.0 ```

Original source