I have integrated bootstrap-tour.min.css and bootstrap-tour.min.js into my project.
<script type="text/javascript" src='bootstrap-tour.min.js'></script>
<link rel="stylesheet" type="text/css" href="bootstrap-tour.min.css">
Here is the code in my view page:
<form>
<input id="one" value="one" />
<input id="two" value="two" />
</form>
Additionally, this is the content of my JavaScript file:
// Setting up the tour
$(function () {
var tour = new Tour();
tour.addStep({
element: "#one",
title: "Step 1",
content: "Content for step 1"
});
tour.addStep({
element: "#two",
title: "Step 2",
content: "Content for step 2"
});
// Initializing and starting the tour
tour.init();
tour.start();
});
// End of tour initialization
Despite following these steps, I am still facing issues with getting the tour to work. Any assistance would be greatly appreciated!