📡 You're offline — showing cached content
⚡ New version available!
Quick Access
🗺️ Roadmaps 🃏 Flashcards 📚 Series 🎓 Tutorials 🗺️ My Path 🎤 Mock Interview ⚡ Cheat Code 📄 Resume Builder 🛠️ Dev Tools
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; }
}