У меня довольно простой макет начальной загрузки, и недавно я добавил кнопку, чтобы показать свернутую строку с несколькими столбцами в ней.
Свернуть / показать работает просто отлично, но эти два столбца внутри строки расположены вертикальнокак строки, и я не знаю почему.
Когда я удаляю свернутые элементы, они располагаются рядом друг с другом, как и предполагалось.
У кого-нибудь есть идеи, как это исправить?
<div class="row">
<div class="col-lg my-3">
<a class="collapse-div" href="#collapseRow" data-toggle="collapse" aria-expanded="false" aria-controls="collapseRow">
SHOW
</a>
</div>
</div>
<div class="row collapse" id="collapseRow">
<div class="col-lg-2">
<div class="row">
<div class="col-lg">
TEXT
</div>
</div>
<div class="row">
TEXT
</div>
<div class="row font-14 p-1">
TEXT
</div>
<div class="row font-14 p-1">
TEXT
</div>
<div class="row font-14 p-1">
TEXT
</div>
</div>
<div class="col-lg-2">
<div class="row">
<div class="col-lg">
TEXT
</div>
</div>
<div class="row">
TEXT
</div>
<div class="row font-14 p-1">
TEXT
</div>
<div class="row font-14 p-1">
TEXT
</div>
<div class="row font-14 p-1">
TEXT
</div>
</div>
</div>