Как зафисировать ширину div блока в «px» для bootstrap 5?

Question

[Константин]

Из документации:

Утилиты ширины и высоты генерируются из служебного API в _utilities.scss. По умолчанию включает поддержку 25%, 50%, 75%, 100% и auto.

Я для вывод данных использую таблицу, использую блок 25% для шапки и 75% для остальных колонок.

<div class="d-flex flex-row hover w-100 border-bottom-0 border-dark border">
        <div class="w-25 border-end border-dark bg-blue text-light py-2">Разрешите событие </div>
        <div class="w-75 grid bg-blue text-light">
            <div class="border-end border-dark py-2">22.06.2022</div>
            <div class="border-end border-dark py-2">(В комнате, зал, улица)</div>
            <div class="border-end border-dark py-2">Карта</div>
            <div class="border-end border-dark py-2">МПВ №, ОМ №</div>
            <div class="py-2">указание №</div>
        </div>
    </div>

Но колонки плавают относительно друг друга, как зафиксировать их, назначив точное значение в "px"?

Comments

[Ankhena]

flex-grow и flex-shrink отвечают за подобное поведение

Answer 1

[Константин]

Расчитал размеры в "px" и добавил в блоки.
style="width: 160px;