问题使引导程序响应

Question

我有我的网站的单页，我努力做出响应。它在普通屏幕上看起来很好，但非常小，并且不会填满iPhone上的整个屏幕。我已经缩小问题到的代码块：

<div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
     <div class="post-preview"> 
      <h2 class="post-title">Blah</h2> 
      <p>Blah</p> 
      <hr> 
     </div> 
     </div> 

     <div class="col-md-6"> 
     <div class="post-preview"> 
      <h2 class="post-title">Blah</h2> 
      <p>Blah</p> 

      <hr> 
     </div> 
     </div> 

     <div class="col-md-5 col-md-offset-1"> 
     <div class="post-preview"> 
      <h2>Blah</h2> 
      <p class="post-title">Blog Post</p> 
      <p class="post-title">Blog Post</p> 
      <p class="post-title">Blog Post</p> 

      <hr> 
     </div> 
     </div> 
    </div> 
    </div> 

我觉得我不使用电网系统正常，但欢迎任何投入！

我的来源是在这里：http://pastebin.com/JC6XzTMT，我用这个作为基础：http://ironsummitmedia.github.io/startbootstrap-clean-blog/ 感谢

Answer 1

确保以下meta标签是你页面的head：

<meta name="viewport" content="width=device-width, initial-scale=1.0">