title: Bootstrap table disappearing when less than 1200 pixels
body: <p>I have a Bootstrap issue where my table disappears. When my page displays more than 1200 pixels wide my table shows perfectly. But when my page is shrunk to less than 1200 pixels wide my table disappears. I am not super advanced with bootstrap(not a design guy) so i am unsure what is causing the problem. I think it has something to do do with responsive tables. Also I have not edited my bootstrap.</p>
  
  <pre><code>&lt;div class="row"&gt;
          &lt;div class="col-md-12"&gt;
              &lt;div class="panel panel-cascade"&gt;
                  &lt;!-- heading--&gt;
                  &lt;div class="panel-heading text-primary"&gt;
                      &lt;h3 class="panel-title"&gt;
                          Friends List
                          &lt;span class="pull-right"&gt;
                              &lt;a href="#" class="panel-minimize"&gt;&lt;i class="fa fa-chevron-up"&gt;&lt;/i&gt;&lt;/a&gt;
                              &lt;a href="#" class="panel-close"&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt;&lt;/a&gt;
                          &lt;/span&gt;
                      &lt;/h3&gt;
                  &lt;/div&gt;
                  &lt;!-- body --&gt;
                  &lt;div class="panel-body"&gt;
                      &lt;table class="table table-condensed table-hover"&gt;
                          &lt;thead&gt;
                              &lt;tr&gt;
                                  &lt;th class="visible-lg"&gt;First Name&lt;/th&gt;
                                  &lt;th class="visible-lg"&gt;Last Name&lt;/th&gt;
                                  &lt;th class="visible-lg"&gt;Phone Number&lt;/th&gt;
                                  &lt;th class="visible-lg"&gt;Carrier&lt;/th&gt;
                                  &lt;th class="visible-lg"&gt;Send Text&lt;/th&gt;
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody&gt;
                              @foreach (var row in Model)
                              {
                                  &lt;tr&gt;
                                      &lt;td class="visible-lg"&gt;
                                          @row.FirstName
                                      &lt;/td&gt;
                                      &lt;td class="visible-lg"&gt;
                                          @row.LastName
                                      &lt;/td&gt;
                                      &lt;td class="visible-lg"&gt;
                                          @row.PhoneNumber@@@row.Carriers[0].CarrierEmail
                                      &lt;/td&gt;
                                      &lt;td class="visible-lg"&gt;
                                          @row.Carriers[0].CarrierName
                                      &lt;/td&gt;
                                      &lt;td class="visible-lg"&gt;
                                          @using (Html.BeginForm("SendEmail", "Admin"))
                                          {
                                              @Html.Hidden("Id", row.Id)
                                              &lt;button type="submit" class="btn btn-success"&gt;&lt;i class="fa fa-envelope"&gt;&lt;/i&gt;&lt;/button&gt;
                                          }
                                      &lt;/td&gt;
                                  &lt;/tr&gt;
                              }
                          &lt;/tbody&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>