如何隐藏导航栏在页面打印(bootstrap 5)?

Question

我试图打印页面主体，但是垂直的"导航栏";仍然显示并覆盖了一部分

这是我用来隐藏导航栏的代码:

@@media print and (min-width: 800px){
#print {
display: none;
}
}

这是加载在_Layout上的导航条。Cshtml，作为局部视图:

<partial name="_MenuSidebarVerticalPartial"  id="print" />

Answer 1

您可以使用.d-print-none类。