bootstrap 도저히 오류 원인을 모르겠습니다. 채택완료

dropdown 메뉴가 modal을 open할때 remote방식으로 열고 닫을때만 문제가 생깁니다.

remote방식으로 모달을 열고 닫을경우 dropdown메뉴가 먹통이 되버리네요.. 일반 모달 띄울땐 문제가 없는데 꼭 remote방식으로  외부 html을 열 경우에만 이런 오류가 생기네요 어느 부분을 확인해야할까요?

아래는 해당 코드입니다.

-- dropdown

<div class="gnb-section" style="width: 1440px; margin: auto">
    <ul class="gnb">
        <li class="dropdown main{{ main_active }}" role="menu">
            {% if topic == "IT" %}
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">menu open</a>
            {%  endif %}
            <ul class="dropdown-menu">
                <li><a href="#"><span class="badge pull-right">2</span>menu1</a></li>
                <li class="divider"></li>
                <li><a href="#"><span class="badge pull-right">2</span>menu2</a></li>
                <li class="divider"></li>
                <li><a href="#"><span class="badge pull-right">2</span>menu3</a></li>
            </ul>
        </li>
        <li class="search{{ search_active }}"><a href="/main/search/">menu4</a></li>
        <li>menu6</li>
        <li class="write{{ review_active }}"><a href="/main/write/">menu5</a></li>
    </ul>
</div>

-- modal open

<li>
    <a data-toggle="modal" href="/info" data-target="#myModal">
    <div class="panel panel-default sq sec1">
        <div class="pannel-body">
            <div class="pnl-sec1">
            </div>
            <div class="pnl-sec2">
                <dl>
                    <dl>
                        <dt>아이폰6</dt>
                        <dd>출시일: 2016. 04. 04</dd>
                        <dd>제조사: Apple Inc.</dd>
                        <dd>사용자 점수: 4.86</dd>
                    </dl>
                </dl>
            </div>
        </div>
    </div>
    </a>
</li>