title: Bootstrap is not working on mobile
body: <p>i tried to run my design to the developer tools on chrome as a mobile but the bootstrap is not working. Can someone give me ideas why the bootstrap is not working on mobile?</p>
  
  <p>here is the picture when i tried to run on mobile.
  <a href="https://i.stack.imgur.com/6AqoS.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6AqoS.png" alt="enter image description here"></a></p>
  
  <p>and this when i run on desktop it worked i don't know why not on mobile.</p>
  
  <p><a href="https://i.stack.imgur.com/9TFpp.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9TFpp.png" alt="enter image description here"></a></p>
  
  <p>here is my media queries.</p>
  
  <pre><code> @media (max-width: 768px) {
  .img-responsive{
   width: 300px;
  height:50px;
  padding-left:50px;
  }
  }
  @media (max-width: 376px) {
  .img-responsive{
   width: 220px;
   height:50px;
   padding-left: 20px;
  }
  }
  @media (max-width: 286px) {
  .img-responsive{
   width: 180px;
   height:50px;
   padding-left: 5px;
   }
  .footer{
   height: auto;
   }
   h4{
   padding-top: 50px;
   padding-left: 20px;
   }
   }
  </code></pre>