Bootstrap-Modal, Modal не работает должным образом

Question

Я использую Bootstrap-modal, потому что мой клиент считает, что обычный модаль из Twitter Bootstrap для него недостаточно хорош.

Так что мне удалось модифицировать в воссоздании простого теста, чтобы использовать полную ширину модального, изолированного на отдельной странице. Однако, когда я отбрасываю этот код на мою существующую страницу и нажимаю на модальный, я получаю только белый наклад. Содержимое модальности находится на странице, которую они просто не отображаются.

Это либо поздно, либо я недостаточно знаю javascript/css, чтобы понять это.

Страница/код можно найти здесь. В средней правой части находится синяя кнопка «Просмотр демо».

http://dev.garadise.com/product/speakers1/1

Answer 1

, если вы используете загрузчик, то вы должны изменить свой код текущий код

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

удалить HREF и поместить данные целевой = «# полная ширина», то ваш код становится

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

проверить это для получения дополнительной информации

http://getbootstrap.com/javascript/#modals

Answer 2

Ну, я вижу, что ваш текущий код на кнопке является currect с целью передачи данных, а не href. Я думаю, что вы поместили класс «скрыть» в модальный. Это то, что скрывает модальность и когда оно открыто. Просто удалите его.

Answer 3

Может быть следующие 2 проблемы:

1. неподходящий CSS или CSS, имеющие ошибки,
2. несоответствующие JS или JS, имеющие ошибку

Я была такая же проблема, когда я был новичок загрузчике. Просто загрузите правильные css и js с официального сайта начальной загрузки и используйте его.