Должен ли data-target = "# my-modal" помещаться внутри модального div в Twitter Bootstrap?

Question

Я знаю, что нужно положить data-target="#my-modal" в кнопку запуска вне модального div. Но должен ли я также помещать этот код в кнопку увольнения внутри модального div? Или машина всегда знает, что это должно отклонить модальный div, где он точно находится?

<button class="btn btn-success" data-toggle="modal" data-target="#my-modal">Launch Modal</button> 

    <div class="modal" id="my-modal"> <!-- this is modal div --> 
     <div class="modal-dialog modal-md"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button class="close" data-dismiss="modal">x</button> <!-- put `data-target="#my-modal"` in? --> 
        <h4 class="modal-title">Hello User!</h4> 
       </div> 
       <div class="modal-body"> 
        Welcome our dear user of our website! 
       </div> 
       <div class="modal-footer"> 
        <button class="btn btn-default" data-dismiss="modal">Dismiss</button> <!-- put `data-target="#my-modal"` in? --> 
        <button class="btn btn-success">Save Changes</button> 
       </div> 
      </div> 
     </div> 

Additonal Info: Это как выглядит.

Answer 1

Просто с такими как следующий будет достаточно data-dismiss="modal":

<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 

Однако, с использованием нескольких модальности является НЕ поддерживается цит here. Вам нужно будет написать пользовательский javascript, если вы хотите сразу открыть несколько модалов.