title: Bootstrap modal not showing on xs devices
body: <p>I have a few modals on my page. They all work fine except for one of them, which only displays on sm, md and lg devices, but not on xs. When I shrink the screen, all I see is a darkened screen, but no modal. If I click on the button to trigger it, while I'm on a xs screen, same darkened screen. What could that be? </p>
  
  <pre><code>&lt;a href="mailto:?subject={$title}&amp;body={$item_url}" class="btn btn-social-icon btn-reddit btn-xs" data-toggle="modal" data-target="#shareemail"&gt;&lt;i class="fa fa-envelope-o"&gt;&lt;/i&gt;&lt;/a&gt;
  </code></pre>
  
  <p>And the modal itself: </p>
  
  <pre><code>&lt;div id="shareemail" class="modal fade" role="dialog"&gt;
              &lt;div class="modal-dialog"&gt;
  
                &lt;!-- Modal content--&gt;
                &lt;div class="modal-content"&gt;&lt;form class="form-horizontal"&gt;
                  &lt;div class="modal-header"&gt;
                    &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
                    &lt;div class="h-3 modal-title"&gt;Email a friend about this watch&lt;/div&gt;
                    &lt;p class="move-down"&gt;Share this watch with a friend via email. Please fill out the information below and your email will be sent.&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
  
            &lt;div class="form-group"&gt;
              &lt;label for="Yourname" class="col-sm-3 control-label"&gt;Your name&lt;/label&gt;
              &lt;div class="col-sm-4"&gt;
                &lt;input type="text" class="form-control" id="yourname" placeholder="Your name"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
             &lt;div class="form-group"&gt;
              &lt;label for="Youremail" class="col-sm-3 control-label"&gt;Your email&lt;/label&gt;
              &lt;div class="col-sm-4"&gt;
                &lt;input type="email" class="form-control" id="youremail" placeholder="Your email"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="Friendsname" class="col-sm-3 control-label"&gt;Friend's name&lt;/label&gt;
              &lt;div class="col-sm-4"&gt;
                &lt;input type="text" class="form-control" id="friendsname" placeholder="Friend's name"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
             &lt;div class="form-group"&gt;
              &lt;label for="freindsemail" class="col-sm-3 control-label"&gt;Friend's email&lt;/label&gt;
              &lt;div class="col-sm-4"&gt;
                &lt;input type="email" class="form-control" id="friendsemail" placeholder="Friend's email"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
             &lt;div class="form-group"&gt;
              &lt;label for="subject" class="col-sm-3 control-label"&gt;Subject&lt;/label&gt;
              &lt;div class="col-sm-8"&gt;
                &lt;input type="text" class="form-control" id="subject" value="A watch was shared with you..."&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="message" class="col-sm-3 control-label"&gt;Message&lt;/label&gt;
              &lt;div class="col-sm-8"&gt;
                &lt;textarea class="form-control" rows="3" placeholder="Type your message here"&gt;&lt;/textarea&gt;
              &lt;/div&gt;
            &lt;/div&gt;
  
             &lt;div class="row"&gt;
               &lt;div class="col-xs-3 vcenter"&gt; &lt;img src="img/watch1.jpg" alt="" class="img-responsive cart-thumbnail"/&gt;&lt;/div&gt;&lt;div class="col-xs-8 vcenter"&gt;&lt;strong&gt;Glashutte Original&lt;/strong&gt; Pavonina Quartz Ladies' Watch&lt;br&gt;
        &lt;span class="hidden-xs"&gt;Model Number:&lt;/span&gt; 1-03-01-15-02-04 &lt;/div&gt;
             &lt;/div&gt;
  
  
  
             &lt;div class="form-group"&gt;
              &lt;div class="col-sm-offset-3 col-sm-8"&gt;
                &lt;div class="checkbox"&gt;
                  &lt;img src="http://placehold.it/300x57"&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
  
          &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
  
          &lt;div class="checkbox-inline"&gt;
                  &lt;label&gt;
                    &lt;input type="checkbox"&gt; Send me a copy
                  &lt;/label&gt;&lt;/div&gt;&amp;nbsp;&amp;nbsp;
  
                  &lt;button type="button" class="btn btn-custom"&gt;Send email&lt;/button&gt;
                  &lt;/div&gt;&lt;/form&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
  </code></pre>