問題使引導程序響應

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">