PHPackages                             cakebake/jquery-breakpoint-check - 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. [Utility & Helpers](/categories/utility)
4. /
5. cakebake/jquery-breakpoint-check

ActiveComponent[Utility & Helpers](/categories/utility)

cakebake/jquery-breakpoint-check
================================

Check the current visibility of bootstrap 3 breakpoints

1.0.1(10y ago)11464[1 PRs](https://github.com/cakebake/jquery-breakpoint-check/pulls)MITHTML

Since May 6Pushed 9y ago2 watchersCompare

[ Source](https://github.com/cakebake/jquery-breakpoint-check)[ Packagist](https://packagist.org/packages/cakebake/jquery-breakpoint-check)[ RSS](/packages/cakebake-jquery-breakpoint-check/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (1)Versions (3)Used By (0)

jQuery Bootstrap 3 Breakpoint Check
===================================

[](#jquery-bootstrap-3-breakpoint-check)

Check the current visibility of bootstrap 3 breakpoints.

### Why another breakpoint check for bootstrap 3?

[](#why-another-breakpoint-check-for-bootstrap-3)

The plugin I have created for simple reasons:

- I needed something that works and is easy to integrate into existing projects (in my daily work)
- I did not want to create a new code in each project. A plugin repository is mostly stable
- Bootstrap did not provide its own Javascript API for this
- I had fun doing it^^

Installation
------------

[](#installation)

You can download the plugin manually or install by composer. ... and the plugin requires jQuery. ;) jQuery must be properly integrated into the page.

### Install via Composer (recommended for php projects)

[](#install-via-composer-recommended-for-php-projects)

If you do not have [Composer](http://getcomposer.org/), you may install it by following the instructions at [getcomposer.org](http://getcomposer.org/doc/00-intro.md#installation-nix).

You can then install the package using the following command:

```
php composer.phar require --prefer-dist cakebake/jquery-breakpoint-check "*"

```

or add

```
"cakebake/jquery-breakpoint-check": "*"

```

to the require section of your `composer.json` file and run `php composer.phar update`.

### Manual Installation

[](#manual-installation)

#### Download:

[](#download)

- [Current Master Branch](https://github.com/cakebake/jquery-breakpoint-check/archive/master.zip)
- [Latest releases](https://github.com/cakebake/jquery-breakpoint-check/releases)

Include one of the two javascript files from the folder `js` after jQuery include. For productive projects, you can use the `jquery-breakpoint-check.min.js` version. For more details see file `test.html`.

Example:

```

```

Usage
-----

[](#usage)

Is the current screen resolution `xs` breakpoint?

```
if ($.isXs()) {
    alert('Is xs breakpoint :)');
}
```

Is the current screen resolution `sm` breakpoint?

```
if ($.isSm()) {
    alert('Is sm breakpoint :)');
}
```

Is the current screen resolution `md` breakpoint?

```
if ($.isMd()) {
    alert('Is md :)');
}
```

Is the current screen resolution `lg` breakpoint?

```
if ($.isLg()) {
    alert('Is lg breakpoint :)');
}
```

Is the current screen resolution `custom` breakpoint?

Create a CSS-Class with visibility for your custom breakpoint. For example:

```
.visible-grid-float-breakpoint {
    @media (min-width: @grid-float-breakpoint-max) {
        display: none;
        visibility: hidden;
    }
}

```

```
if ($.isBreakpoint('grid-float-breakpoint')) {
    alert('It is my custom breakpoint :)');
}
```

Check the current breakpoint on screen resize.

```
$(window).resize(function () {
    if ($.isXs()) {
        alert('Is xs breakpoint :)');
    } else if ($.isSm()) {
        alert('Is sm breakpoint :)');
    } else if ($.isMd()) {
        alert('Is md :)');
    } else if ($.isLg()) {
        alert('Is lg breakpoint :)');
    }
}).resize();
```

Hide a div on `xs` and `lg` breakpoint.

```
$(window).resize(function () {
    var selector = $("div.selector");
    if ($.isXs() || $.isLg()) {
        selector.hide();
    } else {
        selector.hide();
    }
}).resize();
```

Copyright and License
---------------------

[](#copyright-and-license)

Copyright (C) Jens A. (cakebake)

Released under [the MIT license](LICENSE)

###  Health Score

31

—

LowBetter than 68% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity17

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

Top contributor holds 75% 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 ~225 days

Total

2

Last Release

3805d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/3f0c610f1daae44aca882e9f8319422fc19d8fc9fa727051c005722c6eb8e5fe?d=identicon)[cakebake](/maintainers/cakebake)

---

Top Contributors

[![cakebake](https://avatars.githubusercontent.com/u/7462226?v=4)](https://github.com/cakebake "cakebake (6 commits)")[![miguelmich](https://avatars.githubusercontent.com/u/662930?v=4)](https://github.com/miguelmich "miguelmich (2 commits)")

---

Tags

javascriptjquerybootstrapresponsivebreakpoint

### Embed Badge

![Health badge](/badges/cakebake-jquery-breakpoint-check/health.svg)

```
[![Health](https://phpackages.com/badges/cakebake-jquery-breakpoint-check/health.svg)](https://phpackages.com/packages/cakebake-jquery-breakpoint-check)
```

###  Alternatives

[snapappointments/bootstrap-select

The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.

9.8k480.4k3](/packages/snapappointments-bootstrap-select)[froala/wysiwyg-editor

A beautiful jQuery WYSIWYG HTML rich text editor. High performance and modern design make it easy to use for developers and loved by users.

5.4k306.9k3](/packages/froala-wysiwyg-editor)[onokumus/metismenu

A jQuery menu plugin

2.0k263.3k5](/packages/onokumus-metismenu)[kartik-v/bootstrap-popover-x

Bootstrap Popover Extended - Popover with modal behavior, styling enhancements and more.

1143.4M3](/packages/kartik-v-bootstrap-popover-x)[kartik-v/yii2-editable

An enhanced editable widget for Yii 2.0 that allows easy editing of displayed data with numerous configuration possibilities.

1163.2M59](/packages/kartik-v-yii2-editable)[kartik-v/bootstrap-tabs-x

Extended Bootstrap Tabs with ability to align tabs in multiple ways, add borders, rotated titles, and more.

1021.3M1](/packages/kartik-v-bootstrap-tabs-x)

PHPackages © 2026

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