{"id":20058936,"url":"https://github.com/syaifulsz/bootstrap-helper-margin-padding","last_synced_at":"2026-04-25T22:34:05.114Z","repository":{"id":58232813,"uuid":"84304992","full_name":"syaifulsz/bootstrap-helper-margin-padding","owner":"syaifulsz","description":"A responsive Bootstrap 3 helper to add spacing or gutter with margin and padding in to block or inline-block elements. ","archived":false,"fork":false,"pushed_at":"2017-03-10T07:58:46.000Z","size":10,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-02-03T05:37:31.839Z","etag":null,"topics":["bootstrap","bootstrap-helpers","css-framework","margin","padding","spacing"],"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/syaifulsz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-08T09:50:23.000Z","updated_at":"2023-02-23T11:26:07.000Z","dependencies_parsed_at":"2022-08-30T22:30:10.334Z","dependency_job_id":null,"html_url":"https://github.com/syaifulsz/bootstrap-helper-margin-padding","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/syaifulsz/bootstrap-helper-margin-padding","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syaifulsz%2Fbootstrap-helper-margin-padding","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syaifulsz%2Fbootstrap-helper-margin-padding/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syaifulsz%2Fbootstrap-helper-margin-padding/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syaifulsz%2Fbootstrap-helper-margin-padding/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/syaifulsz","download_url":"https://codeload.github.com/syaifulsz/bootstrap-helper-margin-padding/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syaifulsz%2Fbootstrap-helper-margin-padding/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32279656,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-25T18:29:39.964Z","status":"ssl_error","status_checked_at":"2026-04-25T18:29:32.149Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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-helpers","css-framework","margin","padding","spacing"],"created_at":"2024-11-13T13:05:04.250Z","updated_at":"2026-04-25T22:34:05.101Z","avatar_url":"https://github.com/syaifulsz.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bootstrap Helper: Margin \u0026 Padding\n\nA responsive Bootstrap 3 helper to add spacing or gutter with margin and padding in to block or inline-block elements. Default sizes are 15px and 30px, the first size in sizes list is consider as first and default size for .margin and .padding, thus, there is no class name .margin-15 and .padding-15.\n\nThis helper is responsive and support Bootstrap 3's responsive utilities (xs, sm, md, lg). Additional media queries is configurable and can be extended depending on your project requirements.\n\n## Getting Started\n\n[Download](https://github.com/syaifulsz/bootstrap-helper-margin-padding/releases) latest version or install by bower:\n\n```sh\nbower install bootstrap-helper-margin-padding\n```\n\nInclude this stylesheet code into your site:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"dist/bootstrap-helper-margin-padding.min.css\" /\u003e\n```\n\nIf you want to have a responsive margin-padding helper, include this stylesheet too:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"dist/bootstrap-helper-margin-padding-responsive.min.css\" /\u003e\n```\n\n## Example usage:\n\n```html\n\u003cdiv class=\"margin--top margin--bottom padding--left padding--right\"\u003e\n    \u003ca href=\"btn btn-primary btn-block margin--bottom\"\u003eSubmit\u003c/a\u003e\n    \u003ca href=\"btn btn-link btn-block\"\u003eReset\u003c/a\u003e\n\u003c/div\u003e\n```\n\n## Example usage with responsive media query:\n\n```html\n\u003cdiv class=\"margin--top margin--bottom padding-sm-30--left padding-sm-30--right\"\u003e\n    \u003cdiv class=\"row\"\u003e\n        \u003cdiv class=\"col-md-6\"\u003e\n            \u003ca href=\"btn btn-primary btn-block margin-sm--bottom\"\u003eSubmit\u003c/a\u003e        \n        \u003c/div\u003e\n        \u003cdiv class=\"col-md-6\"\u003e\n            \u003ca href=\"btn btn-danger btn-block\"\u003eCancel\u003c/a\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\n## Extends and compile with Bootstrap 3 SASS\n\nYou're required to install these in order to extends this helper:\n\n- NodeJS\n- Grunt CLI\n- Ruby\n- SASS\n\n### Installation\n\nRun:\n\n```sh\nnpm install\n```\n\n### Compile\n\nRun:\n\n```sh\ngrunt\n```\n\n### Enable Bootstrap 3's responsive utilities for this helper\n\nChange these variables to `true`.\n\n```sass\n$helper-margin-padding--xs: false\n$helper-margin-padding--sm: false\n$helper-margin-padding--md: false\n$helper-margin-padding--lg: false\n```\n\n### Add more sizes\n\nAdd more sizes here:\n\n```sass\n$sizes: 15 30\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyaifulsz%2Fbootstrap-helper-margin-padding","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyaifulsz%2Fbootstrap-helper-margin-padding","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyaifulsz%2Fbootstrap-helper-margin-padding/lists"}