在标签内容内使用面板

Question

我正在使用标签内容内的面板。例如

        <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade show active" id="general" role="tabpanel" aria-labelledby="general-tab">
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="panel panel-default">
                            ...
                        </div>
                    </div>
                </div>
            <div class="tab-pane fade show" id="interfaces" role="tabpanel" aria-labelledby="interfaces-tab">
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="panel panel-default">
                            ...

（非面板）代码是从以下示例中复制的：https://getbootstrap.com/docs/4.0/components/navs/#javascript-behavior

我的问题是，当选择“接口”选项卡时，其面板的显示位置会考虑到现在不可见的“常规”选项卡的面板。

如何在不为其他选项卡的不可见窗格留出空间的情况下布局每个选项卡窗格？