Question

所以我很难弄清楚为什么我的文字没有显示在我的引导模态中。我已经测试了，出现只显示包含在标题标记中的文本。未显示包含在段落标记中的未打包文本和文本。我真的很困惑。模态体和背景显示完美，所以它不是一个JavaScript问题。我的代码如下。这个模式使用了一些Angular，但同样，包含在标头标签中的任何东西都可以工作......我想知道我是否留下了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的元素内部。

Answer 2

你有一个小错误，你刚刚在第一个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中删除隐藏类它将正常工作。

Bootstrap Modal显示但没有文本可见

2 个答案: