Как отрыть модальное окно в блоке div?

Question

[Александр]

Есть сайт на bootstrap, есть блок:

<div class="col-md-8">
        <ul>
               <li><a class="md-trigger" href="#modal-1" data-modal="modal-1" >Link</a></li>
                <li><a class="link" href="">link</a></li>
                 <li><a class="link" href="">link</a></li>
                  <li><a class="link" href="">link</a></li>
           </ul>                           
 </div>

Как через javascript, или jquery открыть модальное окно, чтобы оно позиционировалось не относительно страницы, а блока <div class="col-md-8">, то есть появлялось в нем.

Answer 1

[Ankhena]

1. javascript, или jquery не отвечают за расположение окна, за это отвечает CSS
2. Прочитать что такое Модальное окно
3. Реализация https://jsfiddle.net/s2w8spLt/
Можно обойтись без js|jq и сделать на CSS.