PHPackages                             natshah/bootstrap-print - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. natshah/bootstrap-print

ActiveLibrary[Image & Media](/categories/media)

natshah/bootstrap-print
=======================

Bootstrap print for Bootstrap v3. Mange grids using Bootstrap v3 for printed media.

3.1.2(9y ago)6135823MIT

Since Jan 28Pushed 9y ago8 watchersCompare

[ Source](https://github.com/Natshah/bootstrap-print)[ Packagist](https://packagist.org/packages/natshah/bootstrap-print)[ Docs](https://github.com/Natshah/bootstrap-print)[ RSS](/packages/natshah-bootstrap-print/feed)WikiDiscussions 3.1.x Synced today

READMEChangelogDependenciesVersions (2)Used By (0)

Bootstrap Print 3.1.5
=====================

[](#bootstrap-print-315)

Bootstrap print for Bootstrap v3.

Mange grids using Bootstrap v3 for printed media.
-------------------------------------------------

[](#mange-grids-using-bootstrap-v3-for-printed-media)

This will help controlling grid columns size on printed pages. with RTL (right to left).

We do style most of our bootstrap theme sites based on the Small devices (sm).
------------------------------------------------------------------------------

[](#we-do-style-most-of-our-bootstrap-theme-sites-based-on-the-small-devices-sm)

LESS

```
  @import '../bootstrap/less/variables';
  @import '../bootstrap/less/mixins/grid-framework';
  @import '../bootstrap/less/mixins/grid';
  @import '../bootstrap-print/less/bootstrap-print.less';
  @import '../bootstrap-print/less/bootstrap-print-sm.less';

```

CSS

```
../bootstrap-print/css/bootstrap-print.css
../bootstrap-print/css/bootstrap-print-sm.css

```

We will have the list of custom set of print column sizes, so that we could change the layout in the printed media as well.

```
 .col-p-1,
 .col-p-2,
 .col-p-3,
 .col-p-4,
 .col-p-5,
 .col-p-6,
 .col-p-7,
 .col-p-8,
 .col-p-9,
 .col-p-10,
 .col-p-11,
 .col-p-12

```

For Example:

```

```

And you have a list of helper CSS classes.
------------------------------------------

[](#and-you-have-a-list-of-helper-css-classes)

Always insert a page break after the element.

```
.always-page-break-after
.always-pba

```

Avoid page break after the element (if possible).

```
.avoid-page-break-after
.avoid-pba

```

Insert page breaks after the element so that the next page is formatted as a left page.

```
.left-page-break-after
.left-pba

```

Insert page breaks after the element so that the next page is formatted as a right page.

```
.right-page-break-after
.right-pba

```

Always insert a page break before the element.

```
.always-page-break-before
.always-pbb

```

Avoid page break before the element (if possible).

```
.avoid-page-break-before
.avoid-pbb

```

Insert page breaks before the element so that the next page is formatted as a left page.

```
.left-page-break-before
.left-pbb

```

Insert page breaks before the element so that the next page is formatted as a right page.

```
.right-page-break-before
.right-pbb

```

Avoid page break inside the element (if possible).

```
.avoid-page-break-inside
.avoid-pbi

```

All link's href URLs will be hidden in print media too.

Install with the composer

```
composer require vardot/bootstrap-print

```

We could use one of the following options to use the same style in print.

Large devices (lg) style in print.
----------------------------------

[](#large-devices-lg-style-in-print)

LESS

```
  @import '../bootstrap-print/less/bootstrap-print.less';
  @import '../bootstrap-print/less/bootstrap-print-lg.less';

```

CSS

```
../bootstrap-print/css/bootstrap-print.css
../bootstrap-print/css/bootstrap-print-lg.css

```

Medium devices (md) style in print.
-----------------------------------

[](#medium-devices-md-style-in-print)

LESS

```
  @import '../bootstrap-print/less/bootstrap-print.less';
  @import '../bootstrap-print/less/bootstrap-print-md.less';

```

CSS

```
../bootstrap-print/css/bootstrap-print.css
../bootstrap-print/css/bootstrap-print-md.css

```

Small devices (sm) style in print.
----------------------------------

[](#small-devices-sm-style-in-print)

LESS

```
  @import '../bootstrap-print/less/bootstrap-print.less';
  @import '../bootstrap-print/less/bootstrap-print-sm.less';

```

CSS

```
../bootstrap-print/css/bootstrap-print.css
../bootstrap-print/css/bootstrap-print-sm.css

```

Extra small devices (xs) style in print.
----------------------------------------

[](#extra-small-devices-xs-style-in-print)

LESS

```
  @import '../bootstrap-print/less/bootstrap-print.less';
  @import '../bootstrap-print/less/bootstrap-print-xs.less';

```

CSS

```
../bootstrap-print/css/bootstrap-print.css
../bootstrap-print/css/bootstrap-print-xs.css

```

-

For right to left:
==================

[](#for-right-to-left)

LESS

```
  @import '../bootstrap/less/variables';
  @import '../bootstrap/less/mixins/grid-framework-rtl';
  @import '../bootstrap/less/mixins/grid-rtl';
  @import '../bootstrap-print/less/bootstrap-print-rtl.less';
  @import '../bootstrap-print/less/bootstrap-print-rtl-sm.less';

```

CSS

```
../bootstrap-print/css/rtl/bootstrap-print-rtl.css
../bootstrap-print/css/rtl/bootstrap-print-rtl-sm.css

```

###  Health Score

35

—

LowBetter than 77% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity28

Limited adoption so far

Community15

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~63 days

Total

2

Last Release

3377d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1641992?v=4)[Rajab Natshah](/maintainers/Natshah)[@Natshah](https://github.com/Natshah)

---

Top Contributors

[![Natshah](https://avatars.githubusercontent.com/u/1641992?v=4)](https://github.com/Natshah "Natshah (49 commits)")

---

Tags

bootstrapbootstrap-printbootstrap3csslessmediaprinterprinting

### Embed Badge

![Health badge](/badges/natshah-bootstrap-print/health.svg)

```
[![Health](https://phpackages.com/badges/natshah-bootstrap-print/health.svg)](https://phpackages.com/packages/natshah-bootstrap-print)
```

###  Alternatives

[goat1000/svggraph

Generates SVG graphs

133890.0k3](/packages/goat1000-svggraph)[imagekit/imagekit

PHP library for Imagekit

46877.3k10](/packages/imagekit-imagekit)[gravatarphp/gravatar

Gravatar URL builder which is most commonly called as a Gravatar library

12644.1k2](/packages/gravatarphp-gravatar)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)