2013-10-04 5 views
10

부트 스트랩 모달을 사용하고 있습니다. triggrer은 다음과 같이이다 :부트 스트랩 모달이 보이지 않습니다. 배경이 검게됩니다.

<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' 클래스없는 이유를 할 때 ** [부트 스트랩 워드 프로세서 (http://getbootstrap.com/2.3.2/javascript.html#modals) ** 거기에 있어야 함을 의미합니까? – vogomatix

+1

숨기기 클래스가 이미 부트 스트랩 문서에 언급되어 있기 때문입니다. 그것을 통해 그것을 숨길 수 있습니다. –

+0

@vogomatix, 왜냐하면'hide' 클래스는 부트 스트랩 2.X에서 사용되고 부트 스트랩 3.X에서 제거 되었기 때문입니다. 나는 사용자가 2.X 코드를 3.X로 포팅하려고하고 있다고 생각한다. 따라서 .hide와 함께 문제가 발생한다. 희망이 도움이됩니다! ;) – uday

관련 문제