title: My bootstrap website images are not showing correctly on mobile devices after uploading to the server
body: <p>I made this website with bootstrao- <a href="http://andamios.cl" rel="nofollow noreferrer">andamios.cl</a>
  It is perfect on desktop. I have checked it through chrome's different viewport. it works fine as a full responsive website but when i uploaded it to the server and visited the site with iphone and ipad. some images were stretched and some were not showing. But on Android devices, i can say almost fine (Images were showing ) but not perfect. 
  On PC, it is perfect.
  I also saw a horizontal scroll bar after finishing the project. I mean a some blank space on the right side of page.</p>
  
  <p>I mostly used container and container-fluid.
  I also used this meta tag-</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
  </code></pre>
  
  <p>I am not sure what is causing this. Thanks for your help.</p>
  
  <p>I am adding one of the section which image is not showing on iphone and ipad.</p>
  
  <pre><code>#banner {
      height: 100%;
      background: url('/Images/3.jpg')fixed;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: relative;
  }
  </code></pre>