Bootstrap Tour Implementation : The easiest way to show people how to use your website.
Bootstrap Tour is a Good Free Altenative to Intro.js. See the Demo Here :- http://bootstraptour.com/. For adding this to your website you have to download it or use CDNs. Get CDNs From cdnjs.
Put the Below CDNs in b/w <head> Tags.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.12.0/css/bootstrap-tour-standalone.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.12.0/js/bootstrap-tour-standalone.min.js" ></script>
Setup your tour:
// Instance the tour
var tour = new Tour({
steps: [
{
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"
}
]});
// Initialize the tour
tour.init();
// Start the tour
tour.start();
Read More Documentation. | See Demo :- https://tutorials.sh20raj.repl.co/bootstrap-tour/demo.html
See Full Code
Comments