Как сделать отдельную страницу в модальном окне Bootstrap 3?

Question

[Александр К]

Здравствуйте.

Мне нужно реализовать отдельную страницу сайта в модальном окне Bootstrap'a, в мануале написано, что нужно просто вставить код:

<a data-toggle="modal" href="http://ya.ru" data-target="#modal">Click me</a>

и откроется страница в модальном окне, но почему-то не срабатывает, или я чего-то не понимаю.
Прошу помощи у тех, кто знает "где собака зарыта".

Answer 1

[Павел Соловьёв]

data-target="#modal" - это айдишник вашего модального окна, при клике открёется оно, а туда уже подгружайте динамически страницу сайта через iframe

Answer 2

[YourKey]

Еще нужно добавить:

<div id="#modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
    </div>
  </div>
</div>

Фрейм загрузится в див modal-content.