Я пытаюсь выровнять по вертикали и горизонтали по центру содержимое столбцов следующего примера кода:
<div class="row">
<div class="col-4 text-center">
<img t-if="o.company_id.logo" t-att-src="image_data_uri(o.company_id.logo)" style="max-height: 60px;" alt="Logo"/>
<div>A String</div>
</div>
<div class="col-4" text-center>
<div>Another String</div>
</div>
<div class="col-4">
<div class="panel-body" style="border: 1px solid black">
<div>Panel title <t t-esc="o.company_id.field_1"/></div>
<div>Factura N°: <t t-esc="o.field_2"/></div>
<div>ORIGINAL</div>
</div>
</div>
</div>
До сих пор я пробовал эти классы: "row align-items- center "," col align-self-center "," align-middle "и стиль" text-align: center; " ни один из них не сработал. Класс «text-center» выравнивает по горизонтали, но как я могу добиться выравнивания по вертикали и по горизонтали? это возможно?