模态框内的bootstrap模态框滚动问题css

Question

我使用bootstrap modal为我的网页在另一个模态框中显示模态框。我使用以下代码关闭打开的模型并打开另一个模态。

<script>
  function launch_modal(id) {
     // Hide all modals using class if required.
     $('.modal').modal('hide');
     $('#'+id).modal('show');
  }
</script>


<div class="modal fade" id="loginmodal"  role="dialog"  aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body"> sample content
        <div class="text-right"><a href="javascript:void();" onClick="launch_modal('forgot-password-modal');">Forgot Password ?</a></div>
        <div class="modal-bottom"></div>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div> 

一切正常。但是窗口右侧出现了两个滚动条。

如何修复此问题，还是有其他方法可以关闭打开的模型并在模型框中打开新模型？