У меня есть обычная установка boostrap 2.3, и мой модальный режим работает на 100% нормально, за исключением случаев, когда вы нажимаете X в правом верхнем углу экрана, чтобы закрыть, исчезновение не исчезает. Если вы нажмете «Закрыть» или щелкнете где-нибудь еще, модальное окно закроется правильно. Это только когда вы нажимаете X в заголовке. Я использую изображение в качестве ссылки вместо кнопки.
Вот код, который я использую:
<a href="#myModal" role="button" data-toggle="modal">
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×x</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn btn-primary">Close</button>
</div>
</div>
<div class="sectionisland"><img src="img/courses/personascenario.png"></div></a>
Код скопирован с https://twitter.github.io/bootstrap/javascript.html#modals, вы можете увидеть X вверху, когда вы нажимаете кнопку.