Question

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

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

要么迟到，要么我不了解javascript / css来理解这一点。

可在此处找到页面/代码。右侧是蓝色的“视图演示”按钮。

Answer 1

如果您使用的是bootstrap，那么您必须更改当前代码

的代码

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

删除href并输入data-target =＆＃34;＃full-width＆＃34;然后你的代码变成了

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

检查以获取更多信息

Answer 2

好吧，我看到按钮上的当前代码是当前的，数据目标不是href。我想你已经把一个＆＃34; hide＆＃34;类到模态。当它被打开时，那个隐藏模态的东西也是如此。只需删除它。

Answer 3

可能会遇到两个问题：

当我刚开始使用bootstrap时，我遇到了同样的问题。只需从官方bootstrap网站下载适当的css和js并使用它。