title: How to display different image based on rendering device(touchbased/non touch based) using bootstrap?
body: <p>I have the following css class:</p>
  
  <pre><code>.watermark {      
    background-image: url('Images/MyImage.svg');      
  }
  </code></pre>
  
  <p>Now, I want to render different image based on the device[touch/non touch based].
  Is it possible through bootstrap?
  Or  Javascript/JQuery is the only option?
  Any help will be highly appreciated.
  Thanks in advance.</p>