我正在尝试使用 Bootstrap 实现模态。当我点击按钮时,屏幕变暗,模式出现,但它出现在图像后面,用户无法阅读。我如何将模态向前推进?
<div class ="container-fluid">
<div class = "row-fluid">
<div class = "span2">
<!-- Modal -->
<div class="modal hide fade" id="myModal">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>
<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch demo modal</a>
</div>
<div class = "span8">
#a lot of images in this div
</div>
</div>
</div>
最佳答案
想通了。我不能在页面上的固定元素中使用模式。
关于html - 如何使用 Bootstrap 将模式带到页面的前面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13665658/