Почему косячит mpdf с bootstrap?

Question

[Александр Синицын]

Использую https://github.com/kartik-v/yii2-mpdf

Вывожу container + row . Если внутри row находится
col-xs-12 - то ячейка нормально занимает всю ширину, т.е. bootstrap подключен.
если
col-xs-1 + col-xs-2 + col-xs-2 + col-xs-5 - последняя ячейка переносится хотя сумма ещё только 10.

Может кто пояснит?

Answer 1

[Максим Тимофеев]

col-xs-12 это - width: 100%;
так что логика расчета для col-xs-12 и остальных совсем разная.
Дайте полный код.
Интересует есть ли у Ваших col-xs родители row и container-fluid?

Comments

[Александр Синицын]

container-fluid + row
Если внутри один див col-xs-12, то колонка на всю ширину
Если внутри один див col-xs-1 или col-xs-6 или col-xs-10... то ширина колонки соответствует стилю

А если несколько дивов, то ширина перестает умещаться, такое ощущение, что не работает box-sizing.

[Максим Тимофеев]

Александр Синицын: возможно. Тут же библиотека yii2-mpdf интерпретирует Ваш код в код pdf. поэтому ожидать, что она скушает bootstrap верстку - сильно оптимистично. Советую для генерации pdf использовать таблицы и т.д. По старинке.