{"id":13569153,"url":"https://github.com/JohnnyTheTank/bootstrap-block-grid","last_synced_at":"2025-04-04T05:31:33.000Z","repository":{"id":58219129,"uuid":"46265401","full_name":"JohnnyTheTank/bootstrap-block-grid","owner":"JohnnyTheTank","description":"real block grid for bootstrap","archived":false,"fork":false,"pushed_at":"2020-04-06T11:31:25.000Z","size":26,"stargazers_count":42,"open_issues_count":2,"forks_count":9,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-17T07:17:26.144Z","etag":null,"topics":["block-grid","blockgrid","bootstrap"],"latest_commit_sha":null,"homepage":"","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/JohnnyTheTank.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-11-16T09:40:44.000Z","updated_at":"2020-04-06T11:31:29.000Z","dependencies_parsed_at":"2022-08-31T00:20:31.937Z","dependency_job_id":null,"html_url":"https://github.com/JohnnyTheTank/bootstrap-block-grid","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnnyTheTank%2Fbootstrap-block-grid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnnyTheTank%2Fbootstrap-block-grid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnnyTheTank%2Fbootstrap-block-grid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnnyTheTank%2Fbootstrap-block-grid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JohnnyTheTank","download_url":"https://codeload.github.com/JohnnyTheTank/bootstrap-block-grid/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247128702,"owners_count":20888232,"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":["block-grid","blockgrid","bootstrap"],"created_at":"2024-08-01T14:00:36.474Z","updated_at":"2025-04-04T05:31:32.701Z","avatar_url":"https://github.com/JohnnyTheTank.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# bootstrap-block-grid\n**block grid** library (css \u0026 sass) for [twitter bootstrap](https://github.com/twbs/bootstrap) (version 3 \u0026 4), based on the native [zurb foundation feature](http://foundation.zurb.com/sites/docs/v/5.5.3/components/block_grid.html)\n\n[![npm version](https://badge.fury.io/js/bootstrap-block-grid.png)](https://badge.fury.io/js/bootstrap-block-grid)\n[![Bower version](https://badge.fury.io/bo/bootstrap-block-grid.png)](https://badge.fury.io/bo/bootstrap-block-grid)\n\n## usage\n\n1. Install via either [bower](http://bower.io/), [npm](https://www.npmjs.com/), CND or downloaded files:\n    1. `bower install --save bootstrap-block-grid`\n    2. `npm install --save bootstrap-block-grid`\n    3. use CDN files from [jsdelivr](http://www.jsdelivr.com/projects)\n    4. download [bootstrap-block-grid.zip](https://github.com/JohnnyTheTank/bootstrap-block-grid/zipball/master)\n2. Add files to your html\n    1. when using bower\n    ```html\n    \u003c!-- bootstrap 3 --\u003e\n    \u003clink rel=\"stylesheet\" href=\"bower_components/bootstrap-block-grid/dist/bootstrap3-block-grid.min.css\"\u003e\n    \u003c!-- bootstrap 4 --\u003e\n    \u003clink rel=\"stylesheet\" href=\"bower_components/bootstrap-block-grid/dist/bootstrap4-block-grid.min.css\"\u003e\n    ```\n\n    2. when using npm\n    ```html\n    \u003c!-- bootstrap 3 --\u003e\n    \u003clink rel=\"stylesheet\" href=\"node_modules/bootstrap-block-grid/dist/bootstrap3-block-grid.min.css\"\u003e\n    \u003c!-- bootstrap 4 --\u003e\n    \u003clink rel=\"stylesheet\" href=\"node_modules/bootstrap-block-grid/dist/bootstrap4-block-grid.min.css\"\u003e\n    ```\n\n    3. when using CDN files from jsdelivr\n    ```html\n    \u003c!-- bootstrap 3 --\u003e\n    \u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/bootstrap-block-grid@latest/dist/bootstrap3-block-grid.min.css\"\u003e\n    \u003c!-- bootstrap 4 --\u003e\n    \u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/bootstrap-block-grid@latest/dist/bootstrap4-block-grid.min.css\"\u003e\n    ```\n\n    4. when using downloaded files\n    ```html\n    \u003c!-- bootstrap 3 --\u003e\n    \u003clink rel=\"stylesheet\" href=\"bootstrap3-block-grid.min.css\"\u003e\n    \u003c!-- bootstrap 4 --\u003e\n    \u003clink rel=\"stylesheet\" href=\"bootstrap4-block-grid.min.css\"\u003e\n    ```\n\n3. Sample Markup\n\n    ```html\n    \u003cdiv class=\"block-grid-xs-2 block-grid-sm-3 block-grid-md-4\"\u003e\n        \u003cdiv\u003e\n            Content 1\n        \u003c/div\u003e\n        \u003cdiv\u003e\n            Content 2\n        \u003c/div\u003e\n        \u003cdiv\u003e\n            Content 3\n        \u003c/div\u003e\n        \u003cdiv\u003e\n            Content 4\n        \u003c/div\u003e\n        \u003cdiv\u003e\n            Content 5\n        \u003c/div\u003e\n        \u003cdiv\u003e\n            Content 6\n        \u003c/div\u003e\n    \u003c/div\u003e\n    ```\n\n## available classes\n\n- *xs*\n    - `block-grid-xs-1`\n    - `block-grid-xs-2`\n    - ...\n    - `block-grid-xs-12`\n- *sm*\n    - `block-grid-sm-1`\n    - `block-grid-sm-2`\n    - ...\n    - `block-grid-sm-12`\n- *md*\n    - `block-grid-md-1`\n    - `block-grid-md-2`\n    - ...\n    - `block-grid-md-12`\n- *lg*\n    - `block-grid-lg-1`\n    - `block-grid-lg-2`\n    - ...\n    - `block-grid-lg-12`\n\n\n# license\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJohnnyTheTank%2Fbootstrap-block-grid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJohnnyTheTank%2Fbootstrap-block-grid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJohnnyTheTank%2Fbootstrap-block-grid/lists"}