{"id":17823617,"url":"https://github.com/andersdjohnson/bootstrap-grid-ms","last_synced_at":"2026-04-07T06:31:40.033Z","repository":{"id":25217066,"uuid":"28641258","full_name":"AndersDJohnson/bootstrap-grid-ms","owner":"AndersDJohnson","description":"Missing grid range in Bootstrap 3, micro-small from 480-767px.","archived":false,"fork":false,"pushed_at":"2020-07-06T19:10:56.000Z","size":96,"stargazers_count":32,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-11T21:06:06.268Z","etag":null,"topics":["bootstrap","bootstrap-grid","grid","layout","responsive","responsive-grid","responsive-layout"],"latest_commit_sha":null,"homepage":"https://AndersDJohnson.github.io/bootstrap-grid-ms/test/index.html","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AndersDJohnson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":null},"created_at":"2014-12-30T18:39:38.000Z","updated_at":"2024-05-01T08:36:29.000Z","dependencies_parsed_at":"2022-08-23T23:50:26.615Z","dependency_job_id":null,"html_url":"https://github.com/AndersDJohnson/bootstrap-grid-ms","commit_stats":null,"previous_names":["adjohnson916/bootstrap-grid-ms"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AndersDJohnson%2Fbootstrap-grid-ms","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AndersDJohnson%2Fbootstrap-grid-ms/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AndersDJohnson%2Fbootstrap-grid-ms/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AndersDJohnson%2Fbootstrap-grid-ms/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AndersDJohnson","download_url":"https://codeload.github.com/AndersDJohnson/bootstrap-grid-ms/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244259829,"owners_count":20424622,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","bootstrap-grid","grid","layout","responsive","responsive-grid","responsive-layout"],"created_at":"2024-10-27T17:58:58.834Z","updated_at":"2025-10-25T12:07:23.874Z","avatar_url":"https://github.com/AndersDJohnson.png","language":"CSS","readme":"# Bootstrap Grid Micro-Small\n\n[![Build Status](https://travis-ci.org/AndersDJohnson/bootstrap-grid-ms.svg)](https://travis-ci.org/AndersDJohnson/bootstrap-grid-ms)\n\nThe missing grid range in Bootstrap 3, below `sm`, from 480 to 767 pixels, redefining `xs` to less than 480 pixels.\n\n## Demo\n\n* https://AndersDJohnson.github.io/bootstrap-grid-ms/test/index.html\n* https://AndersDJohnson.github.io/bootstrap-grid-ms/test/index-sass.html\n\n\n## Install\n\n```sh\nbower install --save bootstrap-grid-ms\n```\n\n\n## Use\n\nUse the `col-ms-*`, `hidden-ms`, `visible-ms`, and `visible-ms-*` classes, e.g.:\n\n```html\n\u003cdiv class=\"col-ms-6\"\u003e\n  ...\n\u003c/div\u003e\n```\n\nUsing LESS or SCSS/Sass, you can redefine the default Bootstrap breakpoints, and `bootstrap-grid-ms` will respect those.\n\n### LESS\n\nYou will need Bootstrap LESS installed, e.g. via Bower:\n\n```\nbower install --save bootstrap\n```\n\nIn your LESS, somewhere after importing Bootstrap, import the LESS file:\n\n```less\n@import \"bower_components/bootstrap/less/bootstrap\";\n@import \"bower_components/bootstrap-grid-ms/less/bootstrap-grid-ms\";\n```\n\n### SCSS/Sass\n\nYou will need an SCSS/Sass version of Bootstrap, which is not included in this module's default Bower dependencies.\n\n```\nbower install --save bootstrap-sass\n```\n\nIn your SCSS/Sass, somewhere after importing Bootstrap, import the SCSS file:\n\n```scss\n@import \"bower_components/bootstrap-sass/assets/stylesheets/bootstrap\";\n@import \"bower_components/bootstrap-grid-ms/scss/bootstrap-grid-ms\";\n```\n\n### CSS\n\nOr use the CSS file, somewhere after Bootstrap:\n\n```css\n@import \"bower_components/bootstrap-grid-ms/dist/bootstrap-grid-ms.min.css\";\n```\n\n\n## Credit\n\nOriginally taken from from: https://gist.github.com/wdollar/135ec3c80faaf5a821b0\n\nOriginal notes:\n\n\u003e This is a hack to fill the gap between 480 and 767 pixels - a missing range\nin the bootstrap responsive grid structure. Use these classes to style pages\non cellphones when they transition from portrait to landscape.\n\n\u003e Contains:\nColumns, Offsets, Pushes, Pulls for the Mid-Small layout  \nVisibility classes for the Mid-Small layout  \nRedefined visibility classes for the Extra Small layout  \n\n\u003e See https://github.com/twbs/bootstrap/issues/10203 for more info.  \nForked from: https://gist.github.com/Jakobud/8eca95f07a3b50453cd7  \nOriginal gist: https://gist.github.com/andyl/6360906  \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandersdjohnson%2Fbootstrap-grid-ms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandersdjohnson%2Fbootstrap-grid-ms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandersdjohnson%2Fbootstrap-grid-ms/lists"}