title: Is there a simple way to disable a specific modal for small screens?
body: <p>I am using the modals in Twitter Bootstrap 3.1.1 and my modals are quite useless and borderline intrusive for screens narrower than 700 pixels.</p>
  
  <p>Is there a simple feature or method to disable modals for small screens?</p>
  
  <p>EDIT: Added relevant html:</p>
  
  <pre><code>&lt;div class="post-body-img"&gt;
      &lt;a data-toggle="modal" data-target="#myModal"&gt;
          &lt;img src="test.jpg"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-body"&gt;
                  &lt;a data-dismiss="modal"&gt;
                      &lt;img src="test.jpg"&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>