начальный модал не отображает ничего или показывает как модальный - PullRequest
0 голосов
/ 29 мая 2018

Я пытаюсь показать простое модальное окно, и оно не работает должным образом.

Отображается как непрозрачность: 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>

Кто-нибудь может помочь?

1 Ответ

0 голосов
/ 31 мая 2018

В вашем коде есть опечатка: вы написали model вместо modal в строке 5.

...