Bootstrap 模式显示但没有文字可见

Question

所以我很难弄清楚为什么我的文本没有显示在我的 bootstrap 模式中。我已经测试过，似乎只显示 header 标签中的文本。不显示展开的文本和包裹在段落标签中的文本。我真的很困惑。模态 body 和背景显示完美，因此这不是 javascript 问题。我的代码如下。这个模态使用了一些 Angular，但是再一次，任何包裹在 header 标签中的东西都有效......我想知道我是否遗漏了 Bootstrap 需要显示 [=17] 的东西=]普通文字。我正在使用 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 混在一起。我还提供了一个屏幕截图 link 来展示。在此先感谢您的帮助！ http://screencloud.net/v/bD79

Answer 1

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

Answer 2

有一个小错误你刚刚添加隐藏 class 一开始 div 没有显示 div 内容在下面的代码中找到你添加的内容

<div id="column-select-modal" class="modal hide fade" tabindex="-1"    role="dialog" aria-hidden="true" ng-blur="show=false">

使用下面一个

<div id="column-select-modal" class="modal fade" tabindex="-1"    role="dialog" aria-hidden="true" ng-blur="show=false">

从这个 div 中删除隐藏 class 它会正常工作。

Bootstrap 模式显示但没有文字可见

Bootstrap Modal shows but no text is visible

javascript

css

jquery

twitter-bootstrap

bootstrap-modal