Bootstrap Tour Implementation : The easiest way to show people how to use your website.

Bootstrap Tour Implementation : The easiest way to show people how to use your website.

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