Twitter 引导模式出现在错误的位置,未居中且按钮不可单击
Twitter bootstrap modal appearing in wrong location, not centered and the buttons are not clickable
我正在使用Twitter Bootstrap 3在我的页面上创建模态;但是,模态以奇怪的方式出现(不居中,按钮被覆盖层覆盖,因此不可点击)。有人知道问题是什么吗?
这是实时页面的链接。(点击任何医生的图片)
<div class="physician-block post-id-154" data-target="#modal-for-post-154" data-toggle="modal">
<div class="physician-img">
<img src="123.jpg" alt="" class="img-responsive colorbox-1617">
</div>
<div class="caption">
<div class="physician-title">
<h3><a href="http://example.com/">TITLE</a></h3>
</div>
<div class="physician-position-affiliation"><a href="http://example.com">POSITION</a></div>
</div>
<div class="modal fade" id="modal-for-post-154">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button data-dismiss="modal" class="close" type="button"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">TITLE</h4>
</div>
<div class="modal-body">
SOME CONTENT
</div>
<div class="modal-footer">
<button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div>
谢谢
你把模态放在了错误的地方。将它们放在内容的末尾,靠近正文的末尾。
相关文章:
- 如何隐藏按钮单击事件上的占位符
- 从Web服务器下载图像按钮单击使用JavaScript
- 在SweetAlert中传递ASP.NET按钮单击事件
- 单选按钮单击可刷新/更改网站的小区域
- 调用按钮单击事件 ajax 加载的用户控件
- 附加 jQuery 代码以在加载和按钮单击时运行
- 在按钮单击时将图像URL数据显示到弹出框中,而无需禁用背景
- 按钮单击服务器单击
- 触发单选按钮单击,并在页面刷新时记住选择
- 如何使用 javascript 而不是使用控制器中的方法在 rails 中呈现部分按钮单击
- jQuery UI 选项卡 - 将参数设置为下一个/上一个按钮单击
- 如何在 Angular JS 中的按钮单击上添加类
- 当元素上有多个类时触发按钮单击事件
- 如何在 HTML 中的按钮单击上更改图像(IMG URL 每次来自服务器)
- 如何使用javascript刷新我的html页面时清除按钮单击
- 阻止后退按钮 - 单击按钮时忽略
- 如何制作按钮.单击“开始时不运行”
- Rails:尝试在按钮单击时渲染部分
- 在页面加载时调用函数,在按钮单击时再次调用函数,但参数不同
- 如何在服务器端的文本中添加按钮单击事件