Having trouble figuring out why the text does not appear in my bootstrap modal. It seems that only text wrapped in header tags is visible, while unwrapped text and text in paragraph tags remain hidden. The modal body and background are displaying perfectly, ruling out any javascript issues. My code snippet is as follows. This modal incorporates Angular, but strangely, only content enclosed in a header tag shows up...could I have missed something critical for Bootstrap to render plain text? Operating on Bootstrap v2.3.2.
<div id="column-select-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true" ng-blur="show=false">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="show=false"><i class="icon-remove"></i></button>
<h3 id="myModalLabel1">Adjust Data Columns</h3>
</div>
<div class="modal-body" style="height:250px;">
<div class="fixedOverflowTable250">
<table class="table table-striped table-hover table-bordered table-text-color swap-goal-modal-table">
<thead>
<tr>
<th class="checkbox-align2 nogo text-align-left" style="width:73%;">
<h4>Column Name</h4>
</th>
</tr>
</thead>
<tbody data-ng-repeat="(key, value) in list">
<tr class="parent">
<td class="checkbox-align2 text-align-left">
<h5>{{key}}</h5> <p>THIS DOES NOT SHOW</p> THIS DOESN'T EITHER
</td>
</tr>
</tbody>
</table>
</div>
<!-- <div class="clear"></div>
<div class="alert alert-error" ng-show="columnError">{{columnError}}</div> -->
</div>
<div class="modal-footer">
<button class="btn btn-success" data-ng-click="selectColumns(selectedColumns)">Apply</button>
<button class="btn" data-dismiss="modal" ng-click="show=false">Cancel</button>
</div>
</div>
Ensured that other classes do not interfere with CSS. Also attached a screenshot link for reference. Appreciate your assistance!