Bootstrap 4 CSS causing Chrome's print "Layout" to disappear

css google-chrome layout printing bootstrap-4

I was able to fix this by adding this CSS:

@page {    size: auto;}

css google-chrome layout printing bootstrap-4

In Bootstrap 4.5 below code worked do not use ;

@media print { @page {size: auto !important} }

css google-chrome layout printing bootstrap-4

in version 4.4 of Bootstrap, you need to set:

size: auto !important;

CodeHunter