Bootstrap 4 сетка не работает с dompdf

Question

Я использую dompdf для визуализации PDF-документа. Мы используем Bootstrap 4 для всего приложения, поэтому я хотел бы иметь возможность использовать его в шаблоне веточки, используемом для создания нашего документа.

В настоящее время у меня проблема с Bootstrap 4 система сетки плохо отображается в сгенерированном PDF-файле: элементы в том же div .row все накапливаются.

Я уверен, что Bootstrap CSS загружен в шаблон.

Мой код:

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-1">
            little text
        </div>
        <div class="col-xs-11">
            <h1>Big title</h1>
        </div>
    </div>
</div>

Сгенерированный PDF:

Обновление: с col-n вместо col-xs-n

Мой код:

<div class="container-fluid">
    <div class="row">
        <div class="col-1">
            little text
        </div>
        <div class="col-11">
            <h1>Big title</h1>
        </div>
    </div>
</div>

Answer 1

попробуйте этот класс .col-1 и .col-11, или .col-sm-1 .col-sm-11

доступно:

.col-   .col-sm-    .col-md-    .col-lg-    .col-xl-

col-xs это для bootstrap 3