title: Bootstrap Tour n.popover is not a function
body: <p>I try to make a bootstrap tour but when i check the javascript i get </p>
  
  <blockquote>
    <p><code>n.popover is not a function</code> from  bootstrap-tour.min.js</p>
  </blockquote>
  
  <p>I try to fix it since 2 days it's a nightmare ... </p>
  
  <p>Hope someone could help me .. thanks a lot in advance </p>
  
  <p>Here my code : </p>
  
  <pre><code>&lt;a href="#" class="btn btn-block btn-primary" id="startTour"&gt;Start tour&lt;/a&gt;
  
  &lt;div class="col-md-5" id="tour1" data-toggle="popover"&gt;
        &lt;div class="form-group"&gt;
        &lt;label&gt;Nom &lt;/label&gt;
         {!! Form::text('lb_nom', null, ['class' =&gt; 'form-control', 'placeholder' =&gt; 'Nom']) !!}
        &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col-md-5" id="tour2"&gt;
      &lt;div class="form-group"&gt;
      &lt;label&gt;Prénom &lt;/label&gt;
      {!! Form::text('lb_prenom', null, ['class' =&gt; 'form-control', 'placeholder' =&gt; 'Prénom']) !!}
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here my script : </p>
  
  <pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="http://ns3005219.ip-151-80-34.eu/licences/public/css/bootstrap-tour.min.css" /&gt;
  &lt;script src="http://ns3005219.ip-151-80-34.eu/licences/public/js/bootstrap-tour.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
      // Instance the tour
      var tour = new Tour({
          steps: [{
              element: "#tour1",
              title: "Exam Enrolment",
              content: "First let's enrol to an exam"
          }, {
              element: "#tour2",
              title: "Your Schedule",
              content: "Great, let's see your new schedule."
          }]
      }).init().start(true);
  
      $("#startTour").click(function(){
          tour.restart();
  
          console.log(tour);
      })
  &lt;/script&gt;
  </code></pre>