Bootstrap tour 0.4.0未显示

Question

刚刚安装了bootstrap-tour - 但是我不认为我正确地实现了它。

这是我页面底部的脚本〜我有一个ID =＆＃34的标题; test-tour＆＃34;

＆＃13;

＆＃13;

<h1 id="test-tour" style="font-weight:300; line-height:36px; font-size:24px; color:#1F69BA !important; text-shadow:none;text-align:center;padding-left:1px;">
   <b>INTERESTED IN APPLYING TO UNIVERSITY OR COLLEGE?</b>
</h1>

<script>

var tour = new Tour({
  steps: [
  {
    element: "#test-tour",
    title: "Testing our tour steps...",
    content: "Hooray! It works!"
  }
]});

// Initialize the tour
tour.init();

// Start the tour
tour.start();
  
</script>

＆＃13;

＆＃13;

＆＃13;

app / assets / stylesheets / application.css.scss中的

/ *
  * =需要jquery.ui.effect-highlight
  * =需要bootstrap-tour
* /

在app / assets / javascripts / application.js中 // =需要bootstrap-tour