title: intro.js moves underlying elements to the left and overlapping each other
body: <p>I tried installing intro.js on a meteor project:</p>
  
  <p><img src="https://i.stack.imgur.com/YG8m4.png" alt="intro.js elemeent positioning"></p>
  
  <p>I am using bootstrap 3 and meteor.  I am wondering whether the positioning of the elements needs to be displayed differently.  </p>
  
  <pre><code>    var intro = introJs();
  
      intro.setOptions({
          steps: [
              {
                  element: '#newGame',
                  intro: 'welcome to step one'
              },
              {
                  element: '#openModal',
                  intro: 'step two challenge a friend'
              }
          ]
      });
      intro.start();
  
  
  
  &lt;a href="#" class="btn btn-primary" id="newGame"&gt;Play Random Opponent&lt;/a&gt;
                          &lt;button class="btn btn-primary" data-toggle="modal" id="openModal"
                                  data-target="#challengeModal"&gt;Challenge a Friend&lt;/button&gt;
  </code></pre>