Bootstrap 4模式没有显示-黑屏没有模式？
Bootstrap是一个流行的前端开发框架，用于快速构建响应式网站和Web应用程序。Bootstrap 4是Bootstrap框架的最新版本，它提供了许多新的特性和改进。
根据您的描述，如果在使用Bootstrap 4时出现了没有显示或黑屏没有模式的问题，可能有以下几个可能的原因和解决方法：
- 引入问题：首先，确保您正确地引入了Bootstrap 4的CSS和JavaScript文件。您可以通过在HTML文件的头部添加以下代码来引入Bootstrap 4的CSS文件：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">并在文件的底部添加以下代码来引入Bootstrap 4的JavaScript文件：
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>请注意，这里使用的是CDN链接，您也可以将这些文件下载到本地并引入。
- 兼容性问题：Bootstrap 4可能不兼容某些旧版本的浏览器。请确保您使用的浏览器是最新版本，并尝试在不同的浏览器中查看是否有相同的问题。
- HTML结构问题：检查您的HTML结构是否正确。Bootstrap 4依赖于正确的HTML结构来应用样式和功能。确保您的HTML标记正确嵌套和使用了正确的类名。
- 自定义样式冲突：如果您在自己的CSS文件中定义了与Bootstrap 4相同的类名或样式，可能会导致冲突。请检查您的自定义样式，并尝试将其禁用或更改类名以避免冲突。
如果以上方法都无法解决问题，建议您查看Bootstrap 4的官方文档和社区支持，以获取更多关于特定问题的帮助和解决方案。
腾讯云提供了云计算相关的产品和服务，例如云服务器、云数据库、云存储等。您可以访问腾讯云的官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
https://jsfiddle.net/0z9mbp4r/ <tr> <td><a data-toggle="modal" data-target="modal10由于某些原因，我不明白为什么这个模式不能正确弹出？我的每个modals/table行的标记都是相同的，所以应该可以正确地调用它。当我单击突出显示模式的表行时，黑色/灰色
浏览 16提问于2019-02-08得票数 1
回答已采纳
3回答
引导4模式没有显示
、、、
图像上方是一个半不透明的文本框，带有一个h1元素.我想要一个引导4模态组件弹出后，h1被点击。我遵循了各种教程来建立模式，但我似乎无法使它发挥作用。我不知道会有什么问题。modal-header"> <h4class="mo
浏览 0提问于2018-03-25得票数 0
回答已采纳
3回答
; $("#myModal").modal('show');和下面的模式--myModal-->
我希望usere按下yes按钮，隐藏模式(当另一个模式打开时，bootstrap不允许模式打开)为.mode-body加载新的html
浏览 8提问于2013-12-04得票数 1
0回答
切换选项卡后出现黑屏
、、、
当单击表格视图单元格时，我会显示一个模式，当我关闭该模式并切换到另一个选项卡时，返回到第一个选项卡时，我会看到一个黑屏。如果我点击另一个选项卡而没有单击任何单元格，并返回到初始选项卡，则不会显示黑屏。我假设错误发生在我如何呈现它或如何删除模式视图上。modal.didMove(toParentViewController: self.par
浏览 3提问于2016-12-29得票数 0
回答已采纳
3回答
我有一个打开Bootstrap 4模式的按钮。post" action="xx"> <div class="modal-header">
<h4class="modal-title" id="editModalLabel">Edit</h4</em
浏览 28提问于2019-08-24得票数 1
回答已采纳
我需要帮助来填充像这个网站的模式文本，在这里的例子： 当我在URL -> ?tamu=stackoverflow 模式将与stackoverflow文本一起显示。对于其他示例，URL中的文本为bootstrap4 https://kristyaputri.digital-bali.com/?tamu=bootstrap4 模式将与bootstrap4文本一起显示。
浏览 29提问于2021-05-10得票数 0
4回答
我试图让Bootsrap的模式工作，但当我点击按钮时，我得到的只是一个黑屏，没有出现我所期望的模式对话框。我用的是流星。下面是我的代码： <h2>Example of creating Modals with Twitter Bootstrap</h2>
浏览 0提问于2013-03-02得票数 8
2回答
我在bootstrap 4中有一个预览按钮。如果表单无效，我想显示验证错误，如果表单有效，则显示一个模式窗口。
//Fetch form to apply custom Bootstrap如果我取消注释第二行以显示<em
浏览 0提问于2018-06-08得票数 0
我正在使用React和Bootstrap 4，一切正常，但我想显示一个模式，但它没有显示。这是可以做到的吗？
浏览 0提问于2018-05-07得票数 1
1回答
我在我的网页上有一个带加载功能的模式窗口(bootstrap 4)。我也有一个多页的网格视图。当我打开我的网页，模式窗口显示，没有任何问题。但是，当我在gridview上点击next page时，页面会刷新并再次显示模式窗口。如何防止第二次显示模式窗口。提前谢谢。
浏览 2提问于2019-11-23得票数 0
我们正在尝试将我们的应用程序从Bootstrap 3升级到4，当我们更新库时，我们现有的模态不再出现在屏幕上。我们所有的模态都是基于结构上的主要示例。当我单击按钮显示模式时，在Chrome的调试器中，我看到show类被添加到我的.modal元素中，html就在那里，但屏幕上什么也没有显示。似乎模式已加载，但不可见。
有没有人有什么想法可以试试？它是Angular 1.7上的bootstrap，在FF或Chrome中不起作用，并且<em
浏览 45提问于2018-09-10得票数 0
我正在尝试使用AngularJS bootstrap.ui显示模式对话框。当我做一个$modal.open(...)屏幕灰显，并且从服务器调用我的templateUrl中的html，但没有模式显示。当我点击灰色区域时，模式“关闭”，也就是说灰色区域消失了，屏幕看起来又正常了。我不明白为什么我看不到任何模式屏幕。我使用的是VS项目附带的bootstrap.css。它包含了模态类。我没有收到来自Javascript控制台
浏览 29提问于2013-11-28得票数 22
回答已采纳
3回答
然而，当第二种模式打开时。它可以在第二个模态上滚动，在第一个模式上滚动。做这件事最好的方法是什么？
浏览 4提问于2016-01-13得票数 3
回答已采纳
1回答
模式没有显示
、、
我对AJAX模式窗口有问题。它只是显示灰色背景，但视图没有出现。type="button" data-dismiss="modal" class="btn">Atšaukti</button></div>
单击链接后，会出现灰色透明背景，但不显示模态窗口
浏览 3提问于2014-12-08得票数 1
回答已采纳
1回答
我的应用程序正在使用MFSideMenu脚本从右侧推送视图，如果应用程序在横向模式下打开，我将其设置为自动打开左侧菜单，问题是每当我尝试在横向模式下打开应用程序时，它都显示黑屏，并且我注意到，当我稍微向下拉通知栏时，它显示右侧菜单正常。这个问题只是发生在景观模式下，而且当我旋转应用程序时它也没有问题，它工作得非常好，只是在景观部分打开的应用程序是第一次创建问题。
浏览 2提问于2013-10-24得票数 1
有没有人知道为什么这个不起作用？这样，只需要一个选项卡栏加载视图，另一个选项卡栏就会显示黑屏。我在没有导航控制器的情况下尝试过，选项卡栏是正确的，而另一个在运行模式下没有显示tabBar项。
浏览 0提问于2012-07-27得票数 2
回答已采纳
2回答
我将视频嵌入到我的网站中，在所有浏览器中都很好用，但在firefox上显示黑屏，你有什么想法吗？使用iframe模式。最有趣的是，有些出现了，有些则没有使用相同的embed方法。
浏览 3提问于2012-02-09得票数 1
回答已采纳
我试图模仿这个功能：没有Boostrap.js，但只有jQuery。addClass('in');$('#myModal').attr('aria-hidden', 'false');
但是页面背景并没有消失
浏览 6提问于2014-02-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
