📡 You're offline — showing cached content
New version available!
Quick Access
Tutorials Bootstrap 5 Bootstrap Print Styles

Bootstrap Print Styles

3 min read
Use d-print-none and d-none d-print-block to control printed page output.

Print Utilities

<!-- Hide in print -->
<div class="d-print-none">Navigation (hidden)</div>
<div class="d-none d-print-block">Print-only content</div>

@media print {
    .navbar, .sidebar, .btn { display: none !important; }
    body { font-size: 12pt; }
    @page { size: A4; margin: 1cm; }
}