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

on

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

Post a Comment