Использование панелей внутри содержимого вкладки

Я использую панели внутри содержимого вкладки. например

        <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

У меня проблема в том, что когда выбрана вкладка «интерфейсы», ее панели отображаются в позициях, которые учитывают панели вкладки «Общие», которые теперь невидимы.

Как я могу расположить каждую панель вкладок, не оставляя места для невидимых панелей с других вкладок?