title: Bootstrap: make a CSS rule apply only on desktop version
body: <p>I'm using bootstrap to create a desktop and a mobile version of an app.</p>
  
  <p>I want the desktop version to have a small image in the top-left corner, almost like a watermark, that won't affect the positioning of any other elements, so I used a background-image on the body</p>
  
  <pre><code>body
  {
      background-image: url("../image/logo.png");
      background-repeat: no-repeat;
  }
  </code></pre>
  
  <p>However, I do not want this to display on the mobile version.</p>
  
  <p>How can I stop this CSS rule affecting the mobile version?</p>