Bootstrap模式不适用于移动视图

Question

我有这个按钮，单击它时会显示一个引导模式。模式在我的浏览器上很好地显示，但是当我最小化浏览器并尝试单击按钮时，该按钮变得不可点击。

可能是什么问题？

<button class='btn btn-success' data-toggle='modal'  data-target='#{$result['id']}'>
  Message
</button>";

<div class='modal fade' id='{$result['id']}' tabindex='-1' role='dialog'
     aria-labelledby='myModalLabel' aria-hidden='true'>
  <div class='modal-dialog'>
    <div class='modal-content'>  
      <div class='modal-body'>
        <p class='text-center'>
          <a href='login.php?location=$location' class='follow_btn_a'>
          You must login to send a message. Click to login
          </a>
        </p>
      </div>
      <div class='modal-footer'>
        <button type='button' class='btn btn-danger' data-dismiss='modal'>
          Cancel
        </button>  
      </div>
    </div>
  </div> 
</div>