title: Bootstrap Modal shows but no text is visible
body: <p>So I'm having quite a hard time figuring out why my text does not show in my bootstrap modal. I've tested, and it <em>appears</em> that only text wrapped in header tags are shown. Unwrapped text and text wrapped in paragraph tags do not show. I am truly baffled. The modal body and background show perfectly, so it is not a javascript issue. My code is below. This modal uses some Angular, but again, anything wrapped in a header tag works...I'm wondering if I left something out that Bootstrap requires in order to display <em>ordinary</em> text. I'm using Bootstrap v2.3.2.</p>
  
  <pre><code>&lt;div id="column-select-modal" class="modal hide fade" tabindex="-1"    role="dialog" aria-hidden="true" ng-blur="show=false"&gt;
      &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="show=false"&gt;&lt;i class="icon-remove"&gt;&lt;/i&gt;&lt;/button&gt;
          &lt;h3 id="myModalLabel1"&gt;Adjust Data Columns&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="modal-body" style="height:250px;"&gt;
          &lt;div class="fixedOverflowTable250"&gt;
              &lt;table class="table table-striped table-hover table-bordered table-text-color swap-goal-modal-table"&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th class="checkbox-align2 nogo text-align-left" style="width:73%;"&gt;
                              &lt;h4&gt;Column Name&lt;/h4&gt;
                          &lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody data-ng-repeat="(key, value) in list"&gt;
                      &lt;tr class="parent"&gt;
                          &lt;td class="checkbox-align2 text-align-left"&gt;
                              &lt;h5&gt;{{key}}&lt;/h5&gt;  &lt;p&gt;THIS DOES NOT SHOW&lt;/p&gt; THIS DOESN'T EITHER
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/div&gt;
         &lt;!--  &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;div class="alert alert-error" ng-show="columnError"&gt;{{columnError}}&lt;/div&gt; --&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
          &lt;button class="btn btn-success" data-ng-click="selectColumns(selectedColumns)"&gt;Apply&lt;/button&gt;
          &lt;button class="btn" data-dismiss="modal" ng-click="show=false"&gt;Cancel&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've also insured that the other classes I use aren't screwing around with my CSS. I've included a screenshot link to show as well. Thanks in advance for your help!
  <a href="http://screencloud.net/v/bD79" rel="nofollow">http://screencloud.net/v/bD79</a></p>