Question

我正在尝试显示一个简单的模态窗口，但它无法正常工作。

显示为不透明度：0表示没问题，但没有显示：无;

当我点击链接时，它取消隐藏它并将其聚焦，但它没有显示固定位置，因此只是看起来像页面上的另一个元素。

这是标记：

                    <div class="profile-Photo-container">
                    <a href="#" data-target="#profile-pic-upload" data-toggle="modal">
                        <img class="profile-photo" src="" />
                    </a>
                    <div class="model fade" id="profile-pic-upload" tabindex="-1" role="dialog">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h3 class="modal-title">Profile Picture</h3>
                                    <a class="close" data-dismiss="modal">&times;</a>
                                </div>
                                <div class="modal-body">
                                    <p>Add stuff here</p>
                                </div>
                                <div class="modal-footer">
                                    <a href="#" class="btn" data-dismiss="modal">Close</a>
                                    <a href="#" class="btn btn-primary">Edit Profile Picture</a>
                                </div>
                            </div>
                        </div>
                    </div>

任何人都可以提供帮助吗？

Answer 1

您的代码中存在拼写错误：您在第5行写了model而不是modal。

bootstrap modal不是dispplay none或者显示为modal

1 个答案: