Я использую последнюю версию начальной загрузки.У меня есть три столбца начальной загрузки col-sm
.В каждом столбце есть карточки начальной загрузки.Когда я удаляю все карты в определенном столбце, я хочу изменить его ширину до 20 пикселей.Я пытался использовать CSS, но размер столбца не изменился.Есть ли решение?
Еще одна вещь - при изменении размера столбца изменятся ли размеры других столбцов соответственно, чтобы заполнить пустое пространство?
@import "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css";
<div class="container">
<div class="row">
<div class="col-sm">
<div class="card">
<div class="card-body">
This is some text within a card body.
</div>
</div>
<div class="card">
<div class="card-body">
This is some text within a card body.
</div>
</div>
</div>
<div class="col-sm">
<div class="card">
<div class="card-body">
This is some text within a card body.
</div>
</div>
<div class="card">
<div class="card-body">
This is some text within a card body.
</div>
</div>
</div>
<div class="col-sm">
This column should resize when it's empty.
</div>
</div>
</div>