Bootstrap模态不调整高度到内容（表）

Question

我有一个带标签的bootstrap模式，这些标签有各种各样的内容可供使用。

现在我试图将两个表格添加到新标签页，但模态高度只是调整到表格高度：

这是标签的html：

<div class="tab-pane active" id="AppsTab">
                            <div id="appmodalcontainer">
                                <div class="col-lg-6">
                                    <table class="table table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <th>Enhet</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                                                                        <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                                                                        <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                                                                        <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                                                                        <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>

                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-lg-6">
                                <table class="table table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <th>Enhet</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr><td>Hej 1</td></tr>
                                            <tr><td>Hej 1</td></tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                        <hr />
                    </div>

我做错了什么？