npm

Share private packages across your team with npm Orgs, now with simplified billing via the aws marketplace!Learn more »

bootstrap-xxs

1.0.0-sirap-rc.0 • Public • Published

bootstrap-xxs

This project provides support for handling smaller screen sizes with Bootstrap 3 (CSS version only).
The new breakpoints are

  • bootstrap-xxs.css: xxs at 480px
  • bootstrap-xxs-tn.css: xxs at 480px and tn at 384px

New classes are:

  • col-xxs-[1-12] with corresponding -pull-, -push- and -offset-
  • hidden-xxs
  • visible-xxs, visible-xxs-block, visible-xxs-inline, visible-xxs-inline-block
  • Same for -tn- (only included in xxs-tn version)

Installation

  1. Download and include bootstrap-xxs-tn.css or bootstrap-xxs.css in your project. This will handle most functions.

  2. For full support you have to patch your bootstrap.css (tested only with v3.2.0)

  • Method 1: Apply bootstrap.css.patch (unminified only)
  • Method 2: Use Regex to search and replace in bootstrap.css/bootstrap.min.css
    search for @media \(max-width: ?767px\)( ?\{\n? *.(visible|hidden))
    replace with @media (min-width: 480px) and (max-width: 767px)$1
    Should be 5 matches.
    Method 2 will work for minimized and development version.
  • Method 3: Use bootstrap-patched.css or bootstrap-patched.min.css

Usage

Same usage as for xs, sm, md or lg.

Testing

There is a small (and ugly) script, which provides the browser width, calculated difference to the next breakpoints and recognised size by CSS. It requires jQuery (tested only with v1.11.1). Include bsdebug.js in your project (after jQuery), reload.
Now resize your browser and watch the overlay.

Alternative: Use it from a bookmarklet. Create a new bookmark with target:

javascript:(function%20(){var%20n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAttribute('src','https://raw.githubusercontent.com/auipga/bootstrap-xxs/master/bsdebug_bookmarklet.min.js?rand='+new%20Date().getTime());document.body.appendChild(n);})();

install

npm i bootstrap-xxs

Downloadsweekly downloads

129

version

1.0.0-sirap-rc.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability