模态内容增长但容器大小保持不变答案

【问题标题】：Modal content grows but the container size stays the same模态内容增长但容器大小保持不变
【发布时间】：2015-11-27 01:00:25
【问题描述】：

我正在使用 angularjs 显示我的模态，这是模板：

<div class="modal-lg" modal="showModal" close="cancel()">
    <div class="modal-header">
        <h4>Cihaz Listesi - {{deviceCount}}</h4>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-sm-12 table-responsive">
                <table st-table="devices" st-safe-src="displayedDevices" class="table table-striped table-bordered table-hover">

                    <thead>
                        <tr>
                            <th>IMEI-1</th>
                            <th>IMEI-2</th>
                            <th>MSISDN</th>
                            <th>Yeni IMEI-1</th>
                            <th>Yeni IMEI-2</th>
                            <th>Durum</th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr data-ng-repeat="device in devices"  ng-click="selectRow(device.ItsRepairImeiListId)" st-select-row="device" st-select-mode="multi">
                            <td>{{device.Imei1}}</td>
                            <td>{{device.Imei2}}</td>
                            <td>{{device.Msisdn}}</td>
                            <td>{{device.NewImei1}}</td>
                            <td>{{device.NewImei2}}</td>
                            <td>{{device.Status.StatusDescription}}</td>
                        </tr>
                    </tbody>

                    <tfoot>
                        <tr>
                            <td class="text-center" st-pagination="" st-items-by-page="10" colspan="7"></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button ng-show="selectedRows.length > 0" class="btn btn-success" ng-click="activateSelected()">Aktif Et</button>
        <button class="btn btn-default" ng-click="cancel()">Kapat</button>
    </div>
</div>

class="modal-lg" 应该使模态更大，但这是使用它后的样子：

我应该怎么做才能使容器中的两个内容一起增长？

【问题讨论】：

model-body的定位是什么？是固定的吗？应该是绝对的，model-lg 是固定的。仍然会导致溢出。我刚开始使用引导程序 3 和角度 UI。必须编写一些自定义类才能使事情正常工作。还有什么溢出属性？
我注意到我做的不同的一件事是在 modal-body 上方使用了 modal-content 包装类。
提供的标记是您的模态的完整标记吗？因为似乎有一些丢失或错放的 DIV，它们是 Bootstrap 模态标记的一部分。
是我在 bootstrap 3 中使用的类包装格式
如果一切正常，您应该会看到水平滚动条。 .modal-lg 类的最大值为 900 像素，视口为 992 像素或更大。看起来你所在的屏幕可能比那个小一点，很难说。如果是，.modal-lg 设置为 768px 和 991px 视口之间的 600px 宽度。