Я использую bootstrap 3 и jQuery. У меня есть div на моей странице прямо сейчас, что составляет 500 x 400, и он сидит внутри строки начальной загрузки и col div. например:
<div class="row">
<div class="col-lg-12">
<div id="myDiv"></div>
</div>
</div>
Я хочу использовать jQuery, чтобы передать этот div в полный экран. Когда я нажимаю на свою кнопку, чтобы сделать ее полноэкранной, она, похоже, заблокирована внутри строки бутстрапа и переходит на 100% x 100% внутри родительского div. Есть ли вообще сказать #myDiv для извлечения из родителя, в котором он находится, и перейти в полноэкранный режим.
Мой css:
#myDiv{
z-index: 9999;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}