title: Bootstrap 3 Background Image multiple Sections
body: <p>Hi I need help with my background image. I want to use one image for multiple sections. If I scroll the image should remain. When I link the image in the HTML tag it works. but then it is not responsive. I've also tried it in the body tag.</p>
  
  <p>I'am using the twitter bootstrap frameweork.</p>
  
  <p>Can anyone help, thanks in advance !</p>
  
  <p><strong>CSS</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>background: url(../img/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!-- Intro Section --&gt;
  &lt;section id="intro" class="intro-section"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-lg-12"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  
  &lt;!-- About Section --&gt;
  &lt;section id="about" class="about-section"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-lg-12"&gt;
                  &lt;h1&gt;About Section&lt;/h1&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>