Question

如何在点击按钮位置带上自举模态。 iam在小型设备上运行iframe区域模式弹出窗口出现在页面顶部，我们需要滚动顶部以查看模态如何解决此问题

<div class="container">
<h2>Modal Example</h2>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>

Answer 1

你需要改变bootstrap模态的行为

position:fixed

到

position:absolute

什么是默认行为？ Deafault Behavior意味着与Modal相同的行为弹出窗口，默认情况下可以在Twitter Bootstrap站点中看到。什么是改变行为？默认情况下，模态弹出窗口的开头位置为：fixed 但我把它改成了位置：绝对。

此外，我还将提供一个方便的网站，了解您的问题如何处理它： http://teckstack.com/twitter-bootstrap-reposition-modal-popup

如何在点击按钮位置带上自举模态

1 个答案: