Bootstrap-Modal，Modal 无法正常工作答案

【问题标题】：Bootstrap-Modal, Modal not working properlyBootstrap-Modal，Modal 无法正常工作
【发布时间】：2023-04-02 04:47:01
【问题描述】：

我使用 Bootstrap-modal 是因为我的客户认为 Twitter Bootstrap 的常规模式对他来说不够好。

所以我已经成功地修改了重新创建一个简单的测试以使用全宽模式，隔离在一个单独的页面上。但是，当我将该代码放入现有页面并单击模式时，我只得到一个白色覆盖层。模式的内容在页面上，它们只是没有显示出来。

要么太晚了，要么我不知道足够的 javascript/css 来理解这一点。

页面/代码可以在这里找到。中间右侧是一个蓝色的“查看演示”按钮。

【问题讨论】：

【解决方案1】：

如果您使用的是引导程序，那么您必须更改您当前代码的代码

<button class="demo btn btn-primary btn-large" data-toggle="modal" href="#full-width">View Demo</button>

删除 href 并放入 data-target="#full-width" 然后你的代码就变成了

<button class="demo btn btn-primary btn-large" data-toggle="modal" data-target="#full-width">View Demo</button>

【讨论】：

【解决方案2】：

嗯，我看到按钮上的当前代码是正确的，数据目标不是 href。我认为您已经为模态设置了一个“隐藏”类。那是什么在打开模式时也隐藏了模式。只需将其删除。

【讨论】：

【解决方案3】：

可能有以下两个问题：

当我是引导程序的初学者时，我遇到了同样的问题。只需从官方引导站点下载适当的 css 和 js 并使用它。

【讨论】：