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

Question

С bootstrap 4.3. возможно ли иметь несколько форм на нескольких вкладках? Есть много SO сообщений, предлагающих заключить раздел ввода внутри формы, что может сработать, если у меня будет одна форма для всех вкладок или одна форма для каждой вкладки. Но мой сценарий немного отличается

например ниже у меня есть 3 вкладки. Содержимое Tab1 и Tab2 заключено в содержимое form1 и Tab3 использует form2

 <ul class="nav nav-tabs">
    <li class="nav-item">
        <a class="nav-link active" href="#" data-target="#Tab1" data-toggle="tab">Tab 1</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#" data-target="#Tab2" data-toggle="tab">Tab 2</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#" data-target="#Tab3" data-toggle="tab">Tab 3</a>
    </li>
</ul>
<div class="tab-content">
    <form id="form1" method="post">
        <div id="Tab1" class="tab-pane fade active show">
            Tab 1
        </div>
        <div id="Tab2" class="tab-pane fade">
            Tab 2
        </div>            
    </form>
    <div id="Tab3" class="tab-pane fade">
        <form id="form2">
            Tab 3
        </form>        
    </div>
</div>

JSFiddle DEMO