如何关闭bootstrap模式，如果使用class=“模式显示”
关闭Bootstrap模式的方法取决于你是如何引入和使用Bootstrap的。
如果你是通过在HTML文件中引入Bootstrap的CSS文件来使用的，那么关闭Bootstrap模式的方法是将对应的CSS文件链接注释掉或删除。例如，如果你使用的是Bootstrap的CDN链接：
<!-- 注释掉Bootstrap的CDN链接 -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"> -->如果你是使用Bootstrap的Sass或Less源文件进行自定义编译的，那么关闭Bootstrap模式的方法是在编译过程中排除对应的Bootstrap样式文件。具体的方法取决于你使用的构建工具和编译配置。
另外，关于"模式显示"的部分，不清楚你具体指的是什么。如果你是指在HTML元素中添加class来显示某种模式，那么关闭该模式的方法是将对应的class从HTML元素中移除。例如：
<!-- 原始代码 -->
<div class="模式显示">内容</div>
<!-- 关闭模式显示 -->
<div>内容</div>需要注意的是，Bootstrap是一个非常流行的前端框架，提供了丰富的组件和样式，可以快速构建响应式网页。关闭Bootstrap模式可能会导致你的网页失去原有的样式和布局，因此在关闭之前需要仔细考虑是否真正需要关闭，并确保你有其他的样式和布局方案。
相关·内容
我在bootstrap modal中使用class="modal“在表单加载时默认显示modal。但是我无法用class=的“modal”类来结束这个modal，如果我使用class=的“modal”而不是class=的“modal”，它工作得很好。下面给出了工作代码。<div class="modal show modal-xs" id="paymentStatus&q
浏览 16提问于2017-01-29得票数 0
2回答
我试图将一个BootStrap模式添加到一个已经存在的页面中，但我遇到了以下问题：
模式显示与我期望的完全一样，内容看起来非常漂亮，但我有两个问题。如果我只指定class="modal"，那么当页面加载并且不会关闭时，默认情况下会显示模式。如果我包含class="modal hide"，那么在页面加载时，模式不会显示，而且在
浏览 3提问于2012-05-20得票数 1
回答已采纳
我有一个从另一个模式打开的模式，当我关闭最后一个打开的模式时，它会同时关闭这两个模式。以下是最后打开的模式的代码： <div class="modal-header">
<buttonid="closeMyModal"
浏览 1提问于2014-04-08得票数 1
2回答
引导模式允许您做一些事情，例如使您的模式不能关闭使用backdrop: "static"。params初始化的，在这种情况下，它仍然是可以关闭的，即使我使用backdrop: "static"选项再次调用它。/2.2.1/js/bootstrap.min.js"></script>
<a id="static" href="#m
浏览 0提问于2016-01-19得票数 2
2回答
当ajax请求成功完成时，我试图隐藏引导模式。模式关闭，但当我尝试单击按钮(再次显示模式)时，没有任何反应-按钮变得无响应。这就是我用来隐藏模态的方法。
浏览 2提问于2018-07-04得票数 0
您好，遵循教程在这里https://getbootstrap.com/docs/5.0/components/modal/#via-javascript，他们使用一个按钮来切换显示的模式。如果你想用javascript在bootstrap 5中显示一个模式，你基本上可以使用var myModal = new bootstrap.Modal(document.getE
浏览 17提问于2021-09-14得票数 3
回答已采纳
5回答
我使用Bootstrap的JavaScript模式插件将对话框添加到我的应用程序中，我成功地使用了它，但当我试图在打开或关闭模式对话框时使用淡入淡出动画时，我会遇到一个问题。遵循Bootstrap documentation和w3schools中的指令，如果我使用以下标记： <div id="myModal" class="modal" role=&qu
浏览 119提问于2019-06-10得票数 2
回答已采纳
3回答
我使用的是angular 6和ngx-bootstrap 3.0.1如何处理背景单击才能显示我的确认消息？
浏览 1提问于2019-02-26得票数 5
我似乎不明白Bootstrap在显示模式时是如何使页面背景变暗的。我看到在body标签中添加了一个类(Modal Open)，但这似乎并不影响背景。
浏览 2提问于2020-03-20得票数 1
我正在创建一个非常简单，但有点微调的模式来显示一个iFrame。我通过一个javascript函数和bootstrap提供的模式调用函数打开模型。在我的模式中，我放置了一个关闭模式的图标。如果我点击这个关闭图标，模式将不会隐藏。我使用带有bootstrap提供的.modal('show')和.modal('hide')函数的javascrip
浏览 0提问于2018-02-07得票数 17
回答已采纳
1回答
创建用户如下所示： createUser = () => { });
}; 因此，当我单击该按钮时，我想要关闭以数据消除按钮格式定义的引导模式，因为我在createUser中将其指定为模式。
浏览 6提问于2019-01-29得票数 0
2回答
我有一个bootstrap模式，它调用另一个bootstrap模式。现在的问题是，当我打开第二个引导模式并关闭它时，第一个引导模式不再滚动。相反，滚动是由后台主页获得的。我应该在这里做些什么，这样当我关闭第二个模式时，第一个模式就会获得焦点，并获得第二个模式之前的滚动。btnPrimaryModalAction').on('click', function () {
浏览 23提问于2017-08-21得票数 4
28回答
关闭引导模式
、、
我有一个bootstrap模式对话框，最初我想显示它，然后当用户单击页面时，它就消失了。我有以下几点： $('#modal').modal(toggle) <div class="modal-header">
<button type="button&
浏览 4提问于2013-05-11得票数 501
回答已采纳
我正在使用angular.ui.bootstrap模式来显示一个模式中的表单。一切都很好，除了当我关闭模式时，我希望父页面上的一个表格用在模式中添加的新项目来更新。interface IController {}
constructo
浏览 0提问于2015-09-04得票数 2
1回答
每当我的Bootstrap模式关闭(隐藏)时，我需要进行一个函数调用。这意味着每当有人单击关闭模式时，如果他们按下了escape，或者如果他们点击了"x“关闭按钮。使用$("#myModal").on("hidden.bs.modal"，function (e) {})；不会捕获有人按下退出或单击模式时的情况，它只捕获关闭按钮的单击。当我的模
浏览 1提问于2018-08-10得票数 0
1回答
我正在尝试使用bootstrap模式创建一个有两个“页面”的表单，当用户单击“下一步”时，它会隐藏模式，加载新内容并再次显示它。但当我用.modal(“隐藏”)关闭模式时，它并没有关闭模式，而是显示了另一个模式，并使屏幕变得更暗。另外，当我点击bootstrap给我们的关闭按钮时，它显示了两个模态，一秒钟后隐藏了它们，第二次单击打开模态时，我有3
浏览 0提问于2017-11-27得票数 0
2回答
简单地说，我希望在我的bootstrap模式中为我的按钮触发ASP验证。如果验证触发，我希望它们在没有模式关闭的情况下出现。如果验证没有触发，那么模式将正常关闭。我想在bootstrap模式中的一个文本框上使用ASP验证。如果我的按钮上有data-dismiss=" modal“，那么即使触发验证，模式也会关闭。在我看来，如果<
浏览 3提问于2014-02-16得票数 1
1回答
我的Bootstrap下拉菜单在关闭bootstrap模式后无法工作。模式： id="backFromEdit"<span class="glyphicon glyphicon-triangle-bottom"></spa
浏览 9提问于2017-12-26得票数 0
我刚接触bootstrap。我有一种情况，我必须显示一个Bootstrap Modal，当我单击该Modal上的任何按钮时，我将不得不在第一个modal (不可堆叠)下显示另一个模式。如果我关闭第一个模态，第二个模态必须上升来替换位置。我试着显示一个Bootstrap模式，当我点击任何按钮时，我设置模式高度坐在第一个模式旁边。但它使用的是常量高度值。
浏览 1提问于2013-10-30得票数 0
我有一个Bootstrap模式，它使用requireJS在内部加载jQuery并运行JS，以模式显示输出。$("#modalLogin").modal();TypeError: undefined is not a function
在modal中加载jQuery关闭模式后，有没有办法在原始页面
浏览 1提问于2014-05-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
