title: How to manually start Bootstrap Tour?
body: <p>I made a tour through my website. I want that users can start the tour manually on button click after they end the tour.</p>
  
  <p>Button:</p>
  
  <pre><code>&lt;a href="#" id="tour"&gt;&lt;i class=""&gt;&lt;/i&gt; Start Tour&lt;/a&gt;
  </code></pre>
  
  <p>Bootstrap tour script.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var tour = new Tour();
  tour.addSteps([
  {
      element: "#step1",
      title: "Welcome.", 
      content: "Welcome to step one.", 
      placement: "top"
  }
  ]);
  tour.addSteps([
  {
      element: "#step2", 
      title: "Contact us.", 
      content: "If you have any questions, please contact us.",
      placement: "left"
  }
  
  ]);
  tour.start();
  &lt;/script&gt;
  </code></pre>