ブラウザ印刷時に「レイアウト」の項目が出なくて謎だった話

横向きで印刷したい、とある機能があったのですが、Chromeでもedgeでも、縦横が選べないという現象に遭遇し少し解決に時間がかかってしまったので備忘録として記事にしました。

詳しく説明すると・・・

この項目を選んで横向きにしたいのに・・・


そもそも「レイアウト」の表示が表示がされない!

といったものです。

いろいろ調べた結果、以下の記事にたどり着き無事解決出来ました。
Bootstrap 4 CSSによりChromeの印刷「レイアウト」が表示されなくなります

原因はBootstrap4のCSSに記述されている@pageのようです。強制的に縦印刷にするような記述があるのかも?

@page {
    size: auto!important;
}


上記をCSSで上書き指定して解決。
Bootstrap、便利ですがちょこちょこ罠がありますね。