Question

我正在尝试使用bootstrap创建一个模态对话框提示，但是当我点击我的特定按钮时，我需要添加模式，但它不起作用。

下面是我的模态部分的代码，下面是我的按钮代码：

<div class="modal fade" id="Register/Login" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4>Register/Login</h4>
                    </div>
                </div>
            </div>                  
        </div>

这是我的按钮代码：

<li><a href="#Register/Login" data-toggle="modal">Register/Login</a>
                </li>

Answer 1

@ JordanMitch226，只是尝试重命名id，将'/'替换为下划线，当然，不要忘记在页面中加载boostrap.js和boostrap.css。

Answer 2

如上所述，将模态的ID更改为不具有/，包括bootstrap.js和bootstrap.css，并在按钮中添加data-target。

<li><a href="#" data-target="#RegisterLogin" data-toggle="modal">Register/Login</a></li>

<div class="modal fade" id="RegisterLogin" role="dialog">
    ...              
</div>

看我的小提琴：https://jsfiddle.net/2m4vxcxz/

请参阅Bootstrap的模态文档：http://getbootstrap.com/javascript/#modals

尝试使用bootstrap创建模式对话框提示

2 个答案: