https://github.com/coliff/bootstrap-print-css

Print Stylesheet for Bootstrap 5
https://github.com/coliff/bootstrap-print-css

bootstrap-5 bootstrap5

Last synced: about 1 year ago
JSON representation

Print Stylesheet for Bootstrap 5

• Host: GitHub
• URL: https://github.com/coliff/bootstrap-print-css
• Owner: coliff
• License: mit
• Created: 2021-07-05T15:14:34.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2024-09-04T11:49:29.000Z (almost 2 years ago)
• Last Synced: 2024-10-30T05:56:54.274Z (over 1 year ago)
• Topics: bootstrap-5, bootstrap5
• Homepage:
• Size: 30.3 KB
• Stars: 57
• Watchers: 6
• Forks: 13
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS
  • Support: .github/SUPPORT.md

Awesome Lists containing this project

README

          
[![LICENSE](https://img.shields.io/badge/license-MIT-lightgrey.svg)](https://raw.githubusercontent.com/coliff/bootstrap-print-css/master/LICENSE)

[![GitHub Super-Linter](https://github.com/coliff/bootstrap-print-css/workflows/Lint%20Code%20Base/badge.svg)](https://github.com/marketplace/actions/super-linter)

[![GitHub Stars](https://img.shields.io/github/stars/coliff/bootstrap-print-css.svg?label=GitHub%20stars)](https://github.com/coliff/bootstrap-print-css)

[![npm Version](https://img.shields.io/npm/v/bootstrap-print-css)](https://www.npmjs.com/package/bootstrap-print-css)

# 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](https://github.com/twbs/bootstrap/issues?page=2&q=is%3Aissue+sort%3Aupdated-desc+print) with the way that browsers handle printing so testing is recommended.

## Quick Start

- [Download the latest release](https://github.com/coliff/bootstrap-print-css/)

- Clone the repository `git clone https://github.com/coliff/bootstrap-print-css.git`

- Install with [npm](https://www.npmjs.com/package/bootstrap-print-css) `npm install bootstrap-print-css`

- Install with [Yarn](https://yarnpkg.com/package/bootstrap-print-css) `yarn add bootstrap-print-css`

- Install with [Composer](https://packagist.org/packages/coliff/bootstrap-print-css) `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 ``

## 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](https://github.com/twbs/bootstrap/blob/v4-dev/scss/_print.scss) and packaged them up for Bootstrap 5.