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

Question

I want my website users to be able to print pages in either portrait or landscape mode.

When printing from Google Chrome using Bootstrap 3.3.7, the Chrome print settings has a Layout option. Simply changing the css/js to 4.0.0, the Chrome print settings no longer has the Layout option. I suspect this has something to do with one of these CSS directives:

@page
@media

Answer 1

I was able to fix this by adding this CSS:

@page {
    size: auto;
}

Answer 2

In Bootstrap 4.5 below code worked do not use ;

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