JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.uoegista.com/templates/protostar/js/bootstrap-tooltip.js"></script>
<script src="http://www.uoegista.com/templates/protostar/js/bootstrap-popover.js"></script>
<script src="http://www.uoegista.com/templates/protostar/js/bootstrap-tour.js"></script>
<link rel="stylesheet" href="http://www.uoegista.com/templates/protostar/css/bootstrap-tour.css">
<script src="http://bootstraptour.com/deps/jquery.cookie.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div id="primero">hola</div>
<div id="segundo">hola</div>
<div id="tercero">hola</div>
<a href="#" onclick="tour.restart();">restart</a>

JavaScript

$(function() {	      
    var tour = new Tour();
	tour.addStep({
	    element: "#primero", 
	    title: "Title of my popover",
        content: "Content of my popover"
    });
    tour.start(true);
});