{"id":19709995,"url":"https://github.com/rjrodriguez/rch-bootstrap-4-snippets","last_synced_at":"2025-04-29T17:31:04.754Z","repository":{"id":57136533,"uuid":"102998456","full_name":"rjrodriguez/RCH-Bootstrap-4-Snippets","owner":"rjrodriguez","description":"A collection of Bootstrap 4 snippets for Brackets, based in ACB Bootstrap Snippets of Antonio Carlos Barbosa","archived":false,"fork":false,"pushed_at":"2023-03-18T07:03:43.000Z","size":194,"stargazers_count":39,"open_issues_count":1,"forks_count":16,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-19T17:53:50.394Z","etag":null,"topics":["bootstrap4","brackets","css","framework","front-end-development","frontend","frontend-web","hints","html","html5","jquery","mobile-first","popper","responsive","template","web","web-design","web-development"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/rjrodriguez.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":"2017-09-10T02:40:12.000Z","updated_at":"2024-08-13T10:36:07.000Z","dependencies_parsed_at":"2022-09-01T04:01:01.934Z","dependency_job_id":null,"html_url":"https://github.com/rjrodriguez/RCH-Bootstrap-4-Snippets","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rjrodriguez%2FRCH-Bootstrap-4-Snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rjrodriguez%2FRCH-Bootstrap-4-Snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rjrodriguez%2FRCH-Bootstrap-4-Snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rjrodriguez%2FRCH-Bootstrap-4-Snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rjrodriguez","download_url":"https://codeload.github.com/rjrodriguez/RCH-Bootstrap-4-Snippets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251549169,"owners_count":21607363,"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":["bootstrap4","brackets","css","framework","front-end-development","frontend","frontend-web","hints","html","html5","jquery","mobile-first","popper","responsive","template","web","web-design","web-development"],"created_at":"2024-11-11T22:05:49.039Z","updated_at":"2025-04-29T17:31:04.110Z","avatar_url":"https://github.com/rjrodriguez.png","language":"JavaScript","funding_links":["https://paypal.me/rchrodriguez/3"],"categories":[],"sub_categories":[],"readme":"# [Bootstrap 4 Snippets for Brackets](https://github.com/rjrodriguez/RCH-Bootstrap-4-Snippets)\n\nA collection of [Bootstrap](http://getbootstrap.com/) snippets for [Brackets](http://brackets.io/) editor.\n\n[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://paypal.me/rchrodriguez/3)\n\n\n## Install\n\n### Git Clone\n\n1. Under main menu select **Help \u003e Show Extensions Folder**\n2. Git clone this repository inside the folder user.\n\n### Extension Manager\n\n1. Under main menu select **File \u003e Extension Manager...**\n2. Search for \"RCH Bootstrap snippets\"\n3. Click \"Install\"\n\n## How to use\n\n1. **Enable RCH Bootstrap Snippets**\u003cbr/\u003e\n   Under main menu select **Edit \u003e Enable RCH Bootstrap Snippets**\n2. Start typing \"bs4\" and you'll see the snippets list (code hint provider), just pick a snippet and press ENTER, or   \n3. Enter a snippet and hit the **Tab** key (alternatively you can also hit the key **DOWN**).\n\n## Snippets list\n\n### Bootstrap 4 - HTML5 blank Templates\n\n#### Basic html template with local assets links\n\n    bs4\n    bs4html_local\n\n#### Basic html template with CDNs assets links\n\n    bs4html\n    bs4template \n    \n### Alerts\n\n#### Dismissible Alert\n\n    bs4alert (primary style)\n    bs4alert_danger\n    bs4alert_dark\n    bs4alert_info\n    bs4alert_light\n    bs4alert_secondary\n    bs4alert_success\n    bs4alert_warning\n    \n#### Basic text Alert\n\n    bs4alertbasic (primary style)\n    bs4alertbasic_danger\n    bs4alertbasic_dark\n    bs4alertbasic_info\n    bs4alertbasic_light\n    bs4alertbasic_secondary\n    bs4alertbasic_success\n    bs4alertbasic_warning\n\n#### Alert Box (with heading, paragraph and divider)\n\n    bs4alertbox (primary style)\n    bs4alertbox_danger\n    bs4alertbox_dark\n    bs4alertbox_info\n    bs4alertbox_light\n    bs4alertbox_secondary\n    bs4alertbox_success\n    bs4alertbox_warning\n\n### Badge\n\n#### Basics\n\n    bs4badge (primary style)\n    bs4badge_danger\n    bs4badge_dark\n    bs4badge_info\n    bs4badge_light\n    bs4badge_secondary\n    bs4badge_success\n    bs4badge_warning\n    \n#### Pills Badges\n\n    bs4badgepill (primary style in pill)\n    bs4badgepill_danger\n    bs4badgepill_dark\n    bs4badgepill_info\n    bs4badgepill_light\n    bs4badgepill_secondary\n    bs4badgepill_success\n    bs4badgepill_warning\n    \n#### Links Badges    \n    \n    bs4badgelink (primary style in link)\n    bs4badgelink_danger\n    bs4badgelink_dark\n    bs4badgelink_info\n    bs4badgelink_light\n    bs4badgelink_secondary\n    bs4badgelink_success\n    bs4badgelink_warning\n\t\n### Breadcrumbs\n\n\tbs4breadcrumbs \n    \n### Buttons\n(TODO: inputs tags)\n\n#### Link buttons\n\n    bs4abtn (primary)\n    bs4abtn_danger\n    bs4abtn_dark\n    bs4abtn_info\n    bs4abtn_light\n    bs4abtn_link\n    bs4abtn_secondary\n    bs4abtn_success\n    bs4abtn_warning\n    \n    bs4abtnblock (primary)\n    bs4abtnblock_danger\n    bs4abtnblock_dark\n    bs4abtnblock_info\n    bs4abtnblock_light\n    bs4abtnblock_link\n    bs4abtnblock_secondary\n    bs4abtnblock_success\n    bs4abtnblock_warning\n    \n    bs4abtnlg (primary)\n    bs4abtnlg_danger\n    bs4abtnlg_dark\n    bs4abtnlg_info\n    bs4abtnlg_light\n    bs4abtnlg_link\n    bs4abtnlg_secondary\n    bs4abtnlg_success\n    bs4abtnlg_warning\n    \n    bs4abtnsm (primary)\n    bs4abtnsm_danger\n    bs4abtnsm_dark\n    bs4abtnsm_info\n    bs4abtnsm_light\n    bs4abtnsm_link\n    bs4abtnsm_secondary\n    bs4abtnsm_success\n    bs4abtnsm_warning\n    \n##### Outlined links buttons\n\n    bs4abtnol (primary)\n    bs4abtnol_danger\n    bs4abtnol_dark\n    bs4abtnol_info\n    bs4abtnol_light\n    bs4abtnol_link\n    bs4abtnol_secondary\n    bs4abtnol_success\n    bs4abtnol_warning\n    \n    bs4abtnolblock (primary)\n    bs4abtnolblock_danger\n    bs4abtnolblock_dark\n    bs4abtnolblock_info\n    bs4abtnolblock_light\n    bs4abtnolblock_link\n    bs4abtnolblock_secondary\n    bs4abtnolblock_success\n    bs4abtnolblock_warning\n    \n    bs4abtnollg (primary)\n    bs4abtnollg_danger\n    bs4abtnollg_dark\n    bs4abtnollg_info\n    bs4abtnollg_light\n    bs4abtnollg_link\n    bs4abtnollg_secondary\n    bs4abtnollg_success\n    bs4abtnollg_warning\n    \n    bs4abtnolsm (primary)\n    bs4abtnolsm_danger\n    bs4abtnolsm_dark\n    bs4abtnolsm_info\n    bs4abtnolsm_light\n    bs4abtnolsm_link\n    bs4abtnolsm_secondary\n    bs4abtnolsm_success\n    bs4abtnolsm_warning\n    \n#### Buttons (button tag)\n\n    bs4btn (primary)\n    bs4btn_danger\n    bs4btn_dark\n    bs4btn_info\n    bs4btn_light\n    bs4btn_link\n    bs4btn_secondary\n    bs4btn_success\n    bs4btn_warning\n    \n    bs4btnblock (primary)\n    bs4btnblock_danger\n    bs4btnblock_dark\n    bs4btnblock_info\n    bs4btnblock_light\n    bs4btnblock_link\n    bs4btnblock_secondary\n    bs4btnblock_success\n    bs4btnblock_warning\n    \n    bs4btnlg (primary)\n    bs4btnlg_danger\n    bs4btnlg_dark\n    bs4btnlg_info\n    bs4btnlg_light\n    bs4btnlg_link\n    bs4btnlg_secondary\n    bs4btnlg_success\n    bs4btnlg_warning\n    \n    bs4btnsm (primary)\n    bs4btnsm_danger\n    bs4btnsm_dark\n    bs4btnsm_info\n    bs4btnsm_light\n    bs4btnsm_link\n    bs4btnsm_secondary\n    bs4btnsm_success\n    bs4btnsm_warning\n    \n##### Outlined buttons (button tag)\n\n    bs4btnol (primary)\n    bs4btnol_danger\n    bs4btnol_dark\n    bs4btnol_info\n    bs4btnol_light\n    bs4btnol_link\n    bs4btnol_secondary\n    bs4btnol_success\n    bs4btnol_warning\n    \n    bs4btnolblock (primary)\n    bs4btnolblock_danger\n    bs4btnolblock_dark\n    bs4btnolblock_info\n    bs4btnolblock_light\n    bs4btnolblock_link\n    bs4btnolblock_secondary\n    bs4btnolblock_success\n    bs4btnolblock_warning\n    \n    bs4btnollg (primary)\n    bs4btnollg_danger\n    bs4btnollg_dark\n    bs4btnollg_info\n    bs4btnollg_light\n    bs4btnollg_link\n    bs4btnollg_secondary\n    bs4btnollg_success\n    bs4btnollg_warning\n    \n    bs4btnolsm (primary)\n    bs4btnolsm_danger\n    bs4btnolsm_dark\n    bs4btnolsm_info\n    bs4btnolsm_light\n    bs4btnolsm_link\n    bs4btnolsm_secondary\n    bs4btnolsm_success\n    bs4btnolsm_warning\n    \n### Button Groups\n\n    bs4btngroup\n    bs4btngroup_bar\n    bs4btngroup_nested\n    bs4btngroup_vertical\n    bs4btngrouplg\n    bs4btngroupsm\n    \n### Cards\n\n#### Single cards\n\n    bs4card\n    bs4cardfeatured\n    bs4cardfull\n    bs4cardimage\n    bs4cardimage_bottom\n    bs4cardimage_overlay\n    bs4cardpanel\n    bs4cardpanel_minimal\n    bs4cardquote\n\n#### Cards layout\n\n    bs4cardgroup\n    bs4cardgroup_footer\n    bs4carddeck\n    bs4carddeck_footer\n    bs4cardcolumns\n    \n### Carousel\n\n    bs4carousel (basic slider)\n    bs4carouselfull\n    bs4carouselwcaptions\n    bs4carouselwcontrols\n    bs4carouselwindicators\n    bs4carousel_fade\n    bs4carouselfull_fade\n    bs4carouselwcaptions_fade\n    bs4carouselwcontrols_fade\n    bs4carouselwindicators_fade\n    \n### Collapse and Accordions\n\n    bs4collapse_btn\n    bs4collapse_link\n    bs4collapse_panel\n    bs4accordion\n    bs4accordion_minimal\n\n### CDN\n\n    bs4cdncss\n    bs4cdnjs\n    \n### Embeds\n\n    bs4embed (default 1:1)\n    bs4embed_4x3\n    bs4embed_16x9\n    bs4embed-21x9\n    \n### Figures \n\n    bs4figure\n\t\n### Forms\n\n#### Form Controls\n    \n    bs4formcontrol_input\n    bs4formcontrol_password\n    bs4formcontrol_email\n    bs4formcontrol_readonly\n    bs4formcontrol_select\n    bs4formcontrol_selectmultiple\n    bs4formcontrol_textarea\n    bs4formcontrol_file\n    bs4formcontrol_checkbox\n    bs4formcontrol_checkbox_group\n    bs4formcontrol_radio\n    bs4formcontrol_radio_group\n\n#### Basic Forms\n\n    bs4form_contact\n    bs4form_login\n    bs4form_full \n    bs4form_suscribe_inline\n\n### Images (simple, thumbnail and picture)\n\n    bs4image\n    bs4image_rounded\n    bs4image_circle\n    bs4imagethumbnail\n    bs4imagethumbnail_rounded\n    bs4imagethumbnail_circle\n    bs4image_picture\n    \n### Jumbotron\n\n    bs4jumbotron\n    bs4jumbotron_fluid\n\n### List Groups \n\n    bs4listgroup\n    bs4listgroup_badges\n    bs4listgroup_content\n    bs4listgroup_links\n\n### Local\n\n    bs4localcss\n    bs4localjs\n    \n### Media\n\n    bs4mediaobject\n\n### Modal\n\n    bs4modal\n    bs4modalbtn\n\n### Navs\n\n    bs4nav\n    bs4nav_center\n    bs4nav_right\n    bs4nav_vertical\n    bs4navlist\n    bs4navlist_center\n    bs4navlist_right\n    bs4navlist_vertical\n    bs4navpills\n    bs4navpills_center\n    bs4navpills_right\n    bs4navpills_vertical\n    bs4navpillslist\n    bs4navpillslist_center\n    bs4navpillslist_right\n    bs4navpillslist_vertical\n\n### Navigation\n    \n    bs4navbar (full)\n    bs4navbar_basic\n    bs4navbar_centered\n\n### Pagination\n    \n    bs4pagination (basic, left aligned)\n    bs4pagination_icons\n    bs4pagination_centered\n    bs4pagination_right\n    \n### Tabs \n    \n    bs4tabs\n    bs4tabs_vertical\n    \n### Tables\n\n    bs4table (basic)\n    bs4table_bordered\n    bs4table_borderless\n    bs4table_dark\n    bs4table_responsive\n    bs4table_striped\n    \n### Credits\n---\n\n- Bootstrap Framework - https://getbootstrap.com\n- jQuery JavaScript Library v3.3.1 - jQuery Foundation, Inc. and other contributors\n- Snippets based on Bootstrap 3 Sublime Plugin - Thanks Jason Morton - Twitter @JasonMortonNZ \n- Snippets based on ACB Bootstrap Snippets Plugin - Thanks Antonio Carlos Barbosa\n- Source-code editor used in this project - Brackets - https://www.brackets.io\n- Badges in this screen are generated by the amazing project of Boris K https://github.com/bokub/badges.ml\n\nThank you all!\n\n---\n\nIf this project helps you to develop faster and nicer, maybe you can invite me a cup of coffee :)\n\n[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://paypal.me/rchrodriguez/3)\n\n---\n\n### License\n---\n\n[MIT](https://github.com/rjrodriguez/RCH-Bootstrap-4-Snippets/blob/master/LICENSE) for this project.\n\nCopyright (c) 2017 Ricardo Javier Rodriguez\nReleased under the MIT license\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frjrodriguez%2Frch-bootstrap-4-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frjrodriguez%2Frch-bootstrap-4-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frjrodriguez%2Frch-bootstrap-4-snippets/lists"}