javascript - Bootstrap 模态显示但没有文本可见

Question

所以我很难弄清楚为什么我的文本没有显示在我的 Bootstrap 模式中。我已经测试过了，似乎只显示标题标签中包含的文本。不显示展开的文本和段落标记中包裹的文本。我真的很困惑。模态主体和背景显示完美，所以这不是 javascript 问题。我的代码如下。这个模式使用了一些 Angular，但同样，任何包含在 header 标签中的东西都可以工作......我想知道我是否遗漏了 Bootstrap 需要的一些东西来显示普通文本。我正在使用 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>

我还确保我使用的其他类不会破坏我的 CSS。我还提供了一个屏幕截图链接来显示。在此先感谢您的帮助! http://screencloud.net/v/bD79

Answer 1

好吧，我刚刚发现了这个问题。我展开的普通文本没有显示，因为我的模式包含在指令中，而该指令恰好位于 <div class="btn-group"> 内。 。显然，这隐藏了普通文本。我没有意识到这一点，因为 <div>超出了我当前的工作代码。因此，这实际上可能是一个简单的错误，但显然展开的文本不会显示在其类中具有 Bootstrap btn-group 的元素内部。