title: Using Bootstrap Tour with Rails: "couldn't find file 'bootstrap-tour' with type 'text/css'"
body: <p>So I am trying to use Bootstrap tour with my web-app.</p>
  
  <p>I already had Bootstrap installed...and I just followed the documentation here to get Bootstrap tour installed: <a href="https://github.com/tienle/bootstrap-tour-rails" rel="nofollow noreferrer">https://github.com/tienle/bootstrap-tour-rails</a></p>
  
  <p>So first I added <code>gem 'bootstrap-tour-rails'</code> to my gemfile. 
  I bundle installed.
  I added <code>//= require bootstrap-tour</code> to my application.js file. 
  But then I seem to have an issue when I follow the final step in the bootstrap-tour rails instructions and add <code>*= require bootstrap-tour</code> to my application.scss file.</p>
  
  <p><a href="https://i.stack.imgur.com/Bi8AR.png" rel="nofollow noreferrer">Here is a screenshot of my error message</a></p>
  
  <p>My application.hmtl.erb file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;WalkThru Demo&lt;/title&gt;
      &lt;%= csrf_meta_tags %&gt;
  
      &lt;%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %&gt;
      &lt;%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;%= yield %&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>my application.js file</p>
  
  <pre><code>// This is a manifest file that'll be compiled into application.js, which will include all the files
  // listed below.
  //
  // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
  // or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
  //
  // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
  // compiled file. JavaScript code in this file should be added after the last require_* statement.
  //
  // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
  // about supported directives.
  //
  //= require jquery
  //= require jquery_ujs
  //= require turbolinks
  //= require bootstrap-tour
  //= require popper
  //= require tether
  //= require bootstrap-sprockets
  //= require_tree .
  </code></pre>
  
  <p>my application.scss file</p>
  
  <pre><code>/*
   * This is a manifest file that'll be compiled into application.css, which will include all the files
   * listed below.
   *
   * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
   * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
   *
   * You're free to add application-wide styles to this file and they'll appear at the bottom of the
   * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
   * files in this directory. Styles in this file should be added after the last require_* statement.
   * It is generally better to create a new file per style scope.
   *
   *= require_tree .
   *= require_self
   *= require bootstrap-tour
   */
  </code></pre>