jquery - Bootstrap 4 modal 无法在移动设备上运行 - 无法关闭模态或正确查看它
问题描述
尝试在块中使用 Bootstrap 4 模式时,它无法正确显示。它有点显示模式,但仍处于“淡入”模式,然后您无法关闭模式 - 退出的唯一方法是刷新浏览器。
<div class="modal fade" id="cartConfirm" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="container">
<div class="row">
<div class="col-lg-12 confrm-cart-box">
<div class="close-btn" data-dismiss="modal"><i class="fa fa-times"></i></div>
<h3>order confirmation</h3>
<br>
<br>
<p>Order number <span class="green">123456</span> is now confirmed<br> You can check your order and its progress at any time.<br> By logging into your account</p>
<a href="#" data-toggle="modal" data-target="#multi-login" data-dismiss="modal">Log In</a>
<p>We have emailed you the order details for your convenience.</p>
<p>If you have any queries please contact us.</p>
<p><span class="green">This order is covered by our 100% No Quibble Money Back Guarantee</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button data-toggle="modal" data-dismiss="modal" data-target="#cartConfirm">BUY</button>
解决方案
在标签中的文件中添加此 css
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
它对我有用!
推荐阅读
- c++ - 修改链表主函数代码,用户将在其中输入节点的索引和数据,并带有适当的消息
- javascript - 从 React 组件中先前请求的响应中异步获取新资源
- swift - 如何在ios中的JSQMessagesViewController中的Incoming Buble下方添加时间
- python - 为什么先前定义的 python 变量仍然会导致“赋值前引用”错误?
- android - Asynctask 在后台打开网页 Android Kotlin
- r - 根据另一列的日期添加具有是/否值的列
- android - 将 retrofit2 从 2.6.0 更新到 2.9.0 版本时出错似乎与 Firebase 冲突
- android-studio - NullPointerException 不在我的代码中,但在 LibGDX AndroidInput 的 onResume() 中
- javascript - Zapier Code (JavaStep) 操作:如何将服务器 XML 响应正文转换为 JSON 或 JS 对象?
- python - 循环两个不同的 Win 10 Toast 通知