coliff/bootstrap-print-css

Bootstrap 5 Print Stylesheet

Maintainers

Details

github.com/coliff/bootstrap-print-css

Homepage

Source

Issues

Documentation

Installs: 0

Dependents: 0

Suggesters: 0

Security: 0

Stars: 57

Watchers: 6

Forks: 13

Open Issues: 0

dev-main 2024-08-15 15:04 UTC

MIT cd8b4f59808916f26aa3af0f2ee94f8bd31d8f67

This package is auto-updated.

Last update: 2024-11-01 11:39:58 UTC

README

LICENSE GitHub Super-Linter GitHub Stars npm Version

Bootstrap Print CSS 🖨️

Bootstrap 5 no longer includes custom CSS for printing - with the CSS in this project you can add it back.

Note: This should improve the experience when printing, but there are bugs and inconsistencies with the way that browsers handle printing so testing is recommended.

Quick Start

  • Download the latest release
  • Clone the repository git clone https://github.com/coliff/bootstrap-print-css.git
  • Install with npm npm install bootstrap-print-css
  • Install with Yarn yarn add bootstrap-print-css
  • Install with Composer composer require coliff/bootstrap-print-css

Usage

You can include the CSS with one of the following:

  1. Import the bootstrap-print.css to your main CSS. This will mean one less HTTP request compared to loading it separately.

  2. Load it as a separate CSS file <link rel="stylesheet" href="/css/bootstrap-print.min.css" media="print">

Credits & Thanks

All credit for the CSS work goes to the HTML5 Boilerplate and Bootstrap teams. I've just copied the Bootstrap 4 print styles and packaged them up for Bootstrap 5.