title: Parallax with Bootstrap
body: <p>I am using Bootstrap 3.1 on a website for a client who wants parallax scrolling, but I have an issue with the coding behind the parallax scrolling, because I simply can't figure out why my coding works.</p>
  
  <p>I have a piece of code used for parallax scrolling, and it works, and I simply cannot figure out why. The piece of code is as follows, but I do not have any jQuery rules that applies to the data-type or the data-speed.</p>
  
  <pre><code>&lt;div class="bg-parallax" id="par-studying" data-type="background" data-speed="20"&gt;
  
  &lt;/div&gt;&lt;!--End of parallax-background--&gt;
  </code></pre>
  
  <p>My CSS code for those rules is</p>
  
  <pre><code>.bg-parallax {
  background: no-repeat fixed;
  background-position: 50% 50%;
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  height: 300px;
  margin: 0 auto;
  width: 100%;
  }
  </code></pre>
  
  <p>I suspect that it is because of the fixed background, but I am not sure.</p>