Bootstrap модальный не отображается. Только фон становится черным

Я использую bootstrap modal. Триггер выглядит так:

<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. Я использовал модалы довольно часто, но это странная проблема.

Ответ 1

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

Демо