如何将以下代码转换为一个<div>？

现在，如果我把它们放在一起，当showLanguageControl为真，它看起来很好。然而，当showFaxNumber为真时，即使showLanguageControl被隐藏，位置也会偏离。有可能把这两者结合起来吗?

要么，要么我需要两个<div>在相同的位置取决于哪个是真的。要了解更多信息，两者都将同时为真。

<!--open text box if language control is true-->
<div class="col-sm-12 col-md-4" [style.visibility]="showLanguageControl === true ? 'visible' : 'hidden'">
<label class="col-sm-3 col-md-5" for="providerRoute">Linked Language Letter</label>
<div class="col-sm-5 col-md-7 padding-adj">
<input type="text" id="linkedLetter" name="linkedLetter" #linkedLetter formControlName="linkedLetter" [ngClass]="['form-control','input-xs']" />
</div>
</div>
<!--open text box if exception group is true-->
<div class="col-sm-12 col-md-4" [style.visibility]="showFaxNumberInput === true ? 'visible' : 'hidden'">
<label class="col-sm-3 col-md-5" for="providerRoute">Fax Number</label>
<div class="col-sm-5 col-md-7 padding-adj">
<input type="text" id="faxInput" name="faxInput" #faxInput formControlName="faxInput" [ngClass]="['form-control','input-xs']" />
</div>
</div>