Добрый день уважаемые знатоки ... пробуем делать сайт себе и столкнулись с таким вот траблом. Модальные всплывающие окна на сайте загружаются вместе с основным содержимым как сделать чтобы они начинали подгружаться только после нажатия кнопки.
З.Ы. Верстка чистый Bootstrap 3.0 R2
<div class="col-md-3 well well-sm" style="margin-right:3px">
<a href="" alt=""><strong><h4>Название товара</h4></strong></a>
<div class="thumbnail">
<img class="retro" src="img/news/1/img1.jpg" alt="" title="">
</div>
<p><i class="icon-money"></i> Цена: <strong>ХХХ</strong> руб.</p>
<hr></hr>
<a data-toggle="modal" href="#myModal"><button type="button" class="btn btn-primary btn-xs col-md-9 pull-right" ><i class="icon-info-sign"></i> Подробнее</button></a>
<br><br>
<button type="button" class="btn btn-success btn-xs col-md-9 pull-right"><i class="icon-shopping-cart"></i> Купить</button>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Заголовок</h4>
</div>
<div class="modal-body">
<p>Текст Текст Текст Текст Текст Текст</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- -->