当我按下模态按钮时,导航栏消失

每当我打开模式时,导航栏就会消失。我正在使用bootstrap.

按下 Modal 之前的导航栏

图 1

按下 Modal 后的导航栏

图 2

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>

<nav class="navbar navbar-dark bg-dark nav-custom">
  <div class="container-fluid">
    <a class="navbar-brand p-3 m-0 h1" href="index.html">
      < Back</a>
  </div>


  <!-- Button trigger modal -->
  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
                        Launch demo modal
                    </button>

  <!-- Modal -->
  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-fullscreen-lg-down">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          ...
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div>
    </div>
  </div>

莫伊兹谢赫

刚刚从包含的 div 中删除了淡入淡出类,它工作得很好在此处输入图像描述

<div class="modal" id="exampleModal" tabindex="1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-fullscreen-lg-down">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          ...
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div>
    </div>
  </div>


本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

当我在大屏幕设备上时,如何使导航栏上的此汉堡按钮消失?

当我使用 jQuery 代码时,我的导航栏消失了

当我按下“tab”键时,为什么我的响应式导航栏被选中?

当我在React中按下按钮时,如何使其仅显示特定的模态?

为什么当我按下这个按钮时一切都消失了?

以编程方式按下时导航栏消失

当我按下按钮时

如何从引导程序修复此导航栏故障。当我按下切换按钮时,它一直往回滑动

按下后退按钮时,UINavigation栏消失

当我在React Native中按下Signup按钮时,屏幕导航到Signin屏幕

当我按下播放时,游戏对象消失了

按下时使按钮“消失”

当我按下返回时导航片段的问题

当我按下按钮时,如何让我的代码运行?

当我在SwiftUI中按下“导航”后退按钮时,可以添加一些动作吗?

当我按下按钮时,出现错误ViewRootImpl $ CalledFromWrongThreadException

当我按下按钮时没有调用方法

当我按下按钮时,CheckBox不起作用

当我按下按钮时,Smooch会崩溃

当我按下连接按钮时清除表单的 TextInput

当我按下按钮时程序冻结

当我按下按钮时,打印用户坐标-Swift

当我按下 A 按钮时“不幸的是 MyApp 已停止”

导航栏:当我单击它们时,选项卡图标消失

当我在Bootstrap导航栏中使用* ngSwitch时,样式消失

当我仅在“移动视图”中单击“汉堡包”时,粘性导航栏消失

当我点击它时按钮消失

在Flutter中,当我们导航到新屏幕时,底部导航栏应该会消失

按下导航控制器的左键按钮时如何停止视图消失