2013-10-04 3 views
10

Я использую bootstrap modal. Triggrer как это:Bootstrap модальный не отображается. Только фон становится черным

<a id="add-feed-button" role="button" data-toggle="modal" href="#add-feed-form" class="btn pull-right btn-success" style="margin-left:5px; margin-top:-4px;">Add new</a> 

и мой модальное:

<div id="add-feed-form" class="form-feed modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
this is modal. 
</div> 

Проблема заключается в том, что только фон становится черным, но не появляется модально.

Я включил bootstrap.js а также bootstrap.min.css. Я использовал модалы довольно часто, но это странная проблема.

ответ

21

Удалить .hide класс от div#add-feed-form, после чего он будет работать нормально.

Demo

+1

вопрос у меня есть, почему не 'hide' класс необходим, когда ** [Bootstrap документы] (http://getbootstrap.com/2.3.2/javascript.html#modals) ** подразумевает, что он должен быть там? – vogomatix

+1

, потому что класс hide уже упоминается в документах Bootstrap. что заставляет его скрываться от него. –

+0

@vogomatix, потому что класс 'hide' используется в bootstrap 2.X и удален в bootstrap 3.X. Я думаю, что пользователь tyring переносит код 2.X в 3.X, поэтому, имея проблему с .hide. Надеюсь, поможет ! ;) – uday

Смежные вопросы