title: Should data-target="#my-modal" put inside a modal div in Twitter Bootstrap?
body: <p>I know that putting <code>data-target="#my-modal"</code> in the launch button outside the modal div is necessary. But should I also put that code in the dismiss button inside modal div? Or the machine always knows it's to dismiss the modal div where it's exactly in?</p>
  
  <pre><code>&lt;button class="btn btn-success" data-toggle="modal" data-target="#my-modal"&gt;Launch Modal&lt;/button&gt;
  
      &lt;div class="modal" id="my-modal"&gt; &lt;!-- this is modal div --&gt;
          &lt;div class="modal-dialog modal-md"&gt;
              &lt;div class="modal-content"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;button class="close" data-dismiss="modal"&gt;x&lt;/button&gt; &lt;!-- put `data-target="#my-modal"` in? --&gt;
                      &lt;h4 class="modal-title"&gt;Hello User!&lt;/h4&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
                      Welcome our dear user of our website!
                  &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
                      &lt;button class="btn btn-default" data-dismiss="modal"&gt;Dismiss&lt;/button&gt; &lt;!-- put `data-target="#my-modal"` in? --&gt;
                      &lt;button class="btn btn-success"&gt;Save Changes&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Additonal Info: This is how it looks.
  <img src="https://i.stack.imgur.com/tGuw3.png" alt="enter image description here"></p>