title: Simple Bootstrap page is not responsive on the iPhone
body: <p>I downloaded Twitter Bootstrap example and create a simple rails project with it. I copied the css where needed and it displays fine. I also copied the js and everything works great on my desktop: it reorganizes the page when I change the size of my browser. When using some "responsive design testing tools" with different sizes, it works great.</p>
  
  <p>The problem I have is on my iPhone: it displays juste like on my desktop.</p>
  
  <p>When I try the Bootstrap Hero Example page (which is the one I started from), it works great on my iPhone.</p>
  
  <p>What could go wrong? I have pretty much not touched to any CSS, I just added a padding on the footer.</p>
  
  <p>FYI, the CSS I changed is that I am linking my app to <code>application.css</code> with the following content:</p>
  
  <pre><code>/* Application stylesheet */
  
  @import url(bootstrap.css);
  @import url(bootstrap-responsive.css);
  
  /* Body */
  body {
      padding-top: 60px;
      padding-bottom: 40px;   
  }   
  
  /* Footer */
  footer {
      padding: 20px 0;
  }
  </code></pre>