0

我以前从未有过使用 Bootstrap 模态弹出窗口的经验。但是在最近一次完全基于引导程序的主题购买中，他们也演示了模式弹出窗口，这在他们的 HTML 页面上完美运行。但是当我集成到我的母版页中时，一切正常。但是模态弹出窗口单独显示为双倍，如下图所示 在此处输入图像描述

当 HTML 页面和 ASPX 页面中的所有内容都相同时，我不明白为什么它会表现得像这样。同样，当模态弹出窗口显示时，页面上会发生类似的变化，或者当模态弹出窗口出现时会向右小跳。

这是我的模态弹出代码

 <div class="modal fade bs-example-modal-sm" id="mytestmodal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            ...
        </div>
    </div>
</div>

这是按钮代码

 <button class="btn btn-info btn-block" data-toggle="modal" data-target="#mytestmodal">
    <i class="fa fa-copy"></i>| Clone Data
 </button>
4

2 回答 2

0

对于那个跳跃，编辑它的 CSS

body.modal-open{
  overflow: visible !important;
}
于 2014-02-26T07:15:02.840 回答
0

横向移动是Bootstrap 中一个已知的开放错误。
假设您的模式不够长，不需要滚动，您可以尝试这个假设的解决方法：

.modal {
  overflow-y: auto;
}

.modal-open {
  overflow: auto;
}
于 2014-02-26T09:02:16.700 回答