{"id":18382515,"url":"https://github.com/dimpu/vim-bs4-jsx-snippets","last_synced_at":"2026-02-12T08:01:51.410Z","repository":{"id":71413880,"uuid":"118320638","full_name":"dimpu/vim-bs4-jsx-snippets","owner":"dimpu","description":"vim-bs4-jsx-snippets ","archived":false,"fork":false,"pushed_at":"2018-01-22T05:37:08.000Z","size":347,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-10T00:24:44.928Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"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/dimpu.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,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2018-01-21T09:19:10.000Z","updated_at":"2018-01-21T09:22:52.000Z","dependencies_parsed_at":"2024-02-05T22:03:37.315Z","dependency_job_id":"1f43c5f3-2538-47c6-bac3-9e78684ca285","html_url":"https://github.com/dimpu/vim-bs4-jsx-snippets","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dimpu/vim-bs4-jsx-snippets","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fvim-bs4-jsx-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fvim-bs4-jsx-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fvim-bs4-jsx-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fvim-bs4-jsx-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimpu","download_url":"https://codeload.github.com/dimpu/vim-bs4-jsx-snippets/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fvim-bs4-jsx-snippets/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29361810,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-12T01:03:07.613Z","status":"online","status_checked_at":"2026-02-12T02:00:06.911Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2024-11-06T01:06:18.369Z","updated_at":"2026-02-12T08:01:51.382Z","avatar_url":"https://github.com/dimpu.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bootstrap 4 Snippets\n\nHTML snippets for [Twitter Bootstrap 4](http://v4-alpha.getbootstrap.com) markup, for the Vim [UltiSnips](https://github.com/SirVer/ultisnips) and [snipMate](https://github.com/garbas/vim-snipmate).\n\n![](https://raw.githubusercontent.com/jvanja/vim-bs4-jsx-snippets/master/screenshots/btrsp4a.gif)\n\n## Installation\n\n### Using [Vundle](https://github.com/VundleVim/Vundle.vim)\n\n    # add this line to your .vimrc\n    $ Plugin 'jvanja/vim-bs4-jsx-snippets'\n\n### Using [Pathogen](https://github.com/tpope/vim-pathogen)\n\n    $ cd ~/.vim\n    $ mkdir bundle\n    $ cd bundle\n\n    # Install vim-bs4-jsx-snippets\n    $ git clone git://github.com/jvanja/vim-bs4-jsx-snippets.git\n\n## Usage\n\nIn an html file, type a trigger name in Insert mode, and press your snippet trigger key to expand it into HTML markup.\n\n```html\nbtn\n```\n\nwhich generates:\n\n```html\n\u003cbutton type=\"button\" className=\"btn btn-primary\"\u003e\u003c/button\u003e\n```\n\nSee \u003ca href=\"#triggers\"\u003eTrigger Glossary\u003c/a\u003e below for a full list of triggers.\n\n## \u003ca name=\"menu\"\u003e\u003c/a\u003eMenu\n\n* Templates\n  * [Basic](#templates)\n  * [Example](#templates)\n* Layout\n  * [Grid](#grid)\n  * [Media](#media)\n  * [Responsive Utilities](#responsive-utilities)\n* Content\n  * [Typography](#typography)\n  * [Tables](#tables)\n  * [Figures](#figures)\n* Components\n  * [Buttons](#buttons)\n  * [Button group](#button-group)\n  * [Button dropdown](#button-dropdown)\n  * [Forms](#forms)\n  * [Input group](#input-group)\n  * [Dropdowns](#dropdowns)\n  * [Jumbotron](#jumbotron)\n  * [Label](#label)\n  * [Alerts](#alerts)\n  * [Card](#card)\n  * [Navs](#navs)\n  * [Navbar](#navbar)\n  * [Breadcrumb](#breadcrumb)\n  * [Pagination](#pagination)\n  * [Progress](#progress)\n  * [List group](#list-group)\n  * [Modal](#modal)\n  * [Scrollspy](#scrollspy)\n  * [Tooltips](#tooltips)\n  * [Popovers](#popovers)\n  * [Collapse](#collapse)\n  * [Carousel](#carousel)\n  * [Utilities](#utilities)\n\n## \u003ca name=\"triggers\"\u003eTrigger Glossary\u003c/a\u003e\n\n### \u003ca name=\"templates\"\u003eTemplates\u003c/a\u003e\n\n| Snippets | Descriptions                          |\n| :------- | :------------------------------------ |\n| cdnb4    | Generates a CSS \u0026 JS from CDN         |\n| htmlb4   | Generates a Basic HTML Template       |\n| htmlbl   | Generates a Blog Template             |\n| htmlca   | Generates a Carousel Template         |\n| htmlco   | Generates a Cover Template            |\n| htmlda   | Generates a Dashboard Template        |\n| htmlgd   | Generates a Grids Template            |\n| htmljb   | Generates a Jumbotron Template        |\n| htmlnb   | Generates a Navbar Template           |\n| htmlnbfx | Generates a Fixed Navbar Template     |\n| htmlnbj  | Generates a Justified nav Template    |\n| htmlnbst | Generates a Static top Navbar Templat |\n| htmlsf   | Generates a Sticky footer Template    |\n| htmlsfn  | Generates a Sticky footer w/ navbar T |\n| htmlsi   | Generates a Sign-in Template          |\n| htmlst   | Generates a Starter Template          |\n\n### Layout\n\n###### \u003ca name=\"grid\"\u003eGrid\u003c/a\u003e\n\n| Snippets | Descriptions                          |\n| :------- | :------------------------------------ |\n| con      | Generates a container                 |\n| conf     | Generates a fluid container           |\n| row      | Generates a row                       |\n| grid     | Generates a grid                      |\n| col      | Generates a column                    |\n| col-xs   | Generates a extra small column        |\n| col-sm   | Generates a small column              |\n| col-md   | Generates a medium column             |\n| col-lg   | Generates a large column              |\n| col-xl   | Generates a extra large column        |\n| colcf    | Generates a Clearfix for Grid system  |\n| 3col     | Generates a 3 Columns Grid            |\n| 2col     | Generates a 2 Columns Grid            |\n| 4col     | Generates a 4 Columns Grid            |\n| 6col     | Generates a 6 Columns Grid            |\n| 12col    | Generates a 12 Columns Grid           |\n| 2colr    | Generates a Responsive 3 Columns Grid |\n| 3colr    | Generates a Responsive 2 Columns Grid |\n| 4colr    | Generates a Responsive 4 Columns Grid |\n| 6colr    | Generates a Responsive 6 Columns Grid |\n| 12colr   | Generates a Responsive 12 Columns Gri |\n\n###### \u003ca name=\"media\"\u003eMedia\u003c/a\u003e\n\n| Snippets | Descriptions             |\n| :------- | :----------------------- |\n| med      | Generates a Media        |\n| medr     | Generates a Media right  |\n| medm     | Generates a Media middle |\n| medb     | Generates a Media bottom |\n| medl     | Generates a Media List   |\n\n###### \u003ca name=\"responsive-utilities\"\u003eResponsive Utilities\u003c/a\u003e\n\n| Snippets | Descriptions                          |\n| :------- | :------------------------------------ |\n| colh     | Generates a Responsive hidden classes |\n| colvp    | Generates a Responsive visible print  |\n| colhp    | Generates a Responsive hidden print c |\n\n### Content\n\n###### \u003ca name=\"typography\"\u003eTypography\u003c/a\u003e\n\n| Snippets | Descriptions                       |\n| :------- | :--------------------------------- |\n| texm     | Generates a Text Muted             |\n| dih      | Generates a Display Heading        |\n| lead     | Generates a Lead                   |\n| blo      | Generates a Blockquotes            |\n| blor     | Generates a Blockquotes Reverse    |\n| lisun    | Generates a List Unstyled          |\n| lisin    | Generates a List Inline            |\n| desho    | Generates a Horizontal Description |\n| imgr     | Generates a Responsive Image -     |\n| imgro    | Generates an Image Rounded -       |\n| imgci    | Generates an Image Circle -        |\n| imgth    | Generates an Image Thumbnail -     |\n| imgl     | Generates an Image Left -          |\n| imgr     | Generates an Image Right -         |\n| imgce    | Generates an Image Center -        |\n\n###### \u003ca name=\"tables\"\u003eTables\u003c/a\u003e\n\n| Snippets | Descriptions                     |\n| :------- | :------------------------------- |\n| tab      | Generates a Table                |\n| tabs     | Generates a Tables (full option) |\n| tabhin   | Generates a Tables Head Inverse  |\n| tabr     | Generates a Tables Responsive    |\n| tdcs     | Generates a Tables Colspan       |\n| tabtrc   | Generates a Tables Colors (tr)   |\n| tabtdc   | Generates a Tables Colors (td)   |\n\n###### \u003ca name=\"figures\"\u003eFigures\u003c/a\u003e\n\n| Snippets | Descriptions |\n| :------- | :----------- |\n| figooo   | Figure       |\n\n### Components\n\n###### \u003ca name=\"buttons\"\u003eButtons\u003c/a\u003e\n\n| Snippets | Descriptions                    |\n| :------- | :------------------------------ |\n| btn      | Generates a Button              |\n| btnc     | Generates a Button colors       |\n| btno     | Generates a Button Outline      |\n| btna     | Generates a Button \u003c a \u003e        |\n| btni     | Generates a Button \u003c input \u003e    |\n| btnsz    | Generates a Button sizes        |\n| btnbk    | Generates a Button block        |\n| btnast   | Generates a Button state \u003c a\u003e   |\n| btnst    | Generates a Button state        |\n| btnt     | Generates a Button toggle       |\n| btnpr    | Generates a Button plugin Radio |\n\n###### \u003ca name=\"button-group\"\u003eButton group\u003c/a\u003e\n\n| Snippets | Descriptions                  |\n| :------- | :---------------------------- |\n| btngr    | Generates a Button group      |\n| btntlb   | Generates a Button toolbar    |\n| btngrsi  | Generates a Button group size |\n| btndr    | Generates a Button dropdown   |\n| btngrvr  | Generates a Button group      |\n\n###### \u003ca name=\"button-dropdown\"\u003eButton dropdown\u003c/a\u003e\n\n| Snippets | Descriptions                |\n| :------- | :-------------------------- |\n| btndd    | Generates a Button dropdown |\n| btndu    | Generates a Button dropup   |\n\n###### \u003ca name=\"forms\"\u003eForms\u003c/a\u003e\n\n| Snippets   | Descriptions                     |\n| :--------- | :------------------------------- |\n| form       | Generates a Form Controls        |\n| formgr     | Generates a Form group           |\n| formin     | Generates a Form inline          |\n| formhl     | Generates a Form hidden label    |\n| formgrid   | Generates a Form w/ Grid         |\n| formcb     | Generates a Form Checkbox        |\n| formcbin   | Generates a Form Checkbox inline |\n| formra     | Generates a Form Radio           |\n| formrain   | Generates a Form Radio inline    |\n| formrawola | Generates a Form Radio w/o label |\n| formsc     | Generates a Form Static Controls |\n| formdis    | Generates a Form disabled state  |\n| formreo    | Generates a Form Readonly        |\n| formiptsz  | Generates a Form input sizing    |\n| formsltsz  | Generates a Form select sizing   |\n| formcolsz  | Generates a Form column sizing   |\n| formht     | Generates a Form Help text       |\n| formval    | Generates a Form Validation      |\n| formctmcb  | Generates a Form Custom checkbox |\n| formctmra  | Generates a Form Custom radio    |\n\n###### \u003ca name=\"input-group\"\u003eInput group\u003c/a\u003e\n\n| Snippets  | Descriptions                     |\n| :-------- | :------------------------------- |\n| iptg      | Generates an Input Group         |\n| iptgsz    | Generates an Input Group Sizing  |\n| iptbtnadd | Generates a Buttons addons       |\n| iptbtnwdd | Generates a Buttons w/ dropdowns |\n| iptbtnseg | Generates a Segmented buttons    |\n\n###### \u003ca name=\"dropdowns\"\u003eDropdowns\u003c/a\u003e\n\n| Snippets | Descriptions                     |\n| :------- | :------------------------------- |\n| drp      | Generates a Dropdown             |\n| drpagm   | Generates a Dropdown Alignement  |\n| drpmh    | Generates a Dropdown menu header |\n\n###### \u003ca name=\"jumbotron\"\u003eJumbotron\u003c/a\u003e\n\n| Snippets | Descriptions                |\n| :------- | :-------------------------- |\n| jum      | Generates a Jumbotron       |\n| jumf     | Generates a Fluid Jumbotron |\n\n###### \u003ca name=\"label\"\u003eLabel\u003c/a\u003e\n\n| Snippets | Descriptions              |\n| :------- | :------------------------ |\n| lab      | Generates a Label         |\n| labco    | Generates a Label context |\n| labpi    | Generates a Label pill    |\n\n###### \u003ca name=\"alerts\"\u003eAlerts\u003c/a\u003e\n\n| Snippets | Descriptions                  |\n| :------- | :---------------------------- |\n| alesu    | Generates an Alert success    |\n| alein    | Generates an Alert info       |\n| alewa    | Generates an Alert warning    |\n| aleda    | Generates an Alert danger     |\n| aledis   | Generates an Alert dismissing |\n\n###### \u003ca name=\"card\"\u003eCard\u003c/a\u003e\n\n| Snippets | Descriptions                     |\n| :------- | :------------------------------- |\n| car      | Generates a Cards                |\n| carct    | Generates a Cards content type   |\n| carsz    | Generates a Cards sizing         |\n| carta    | Generates a Cards Text alignment |\n| caric    | Generates a Cards image caps     |\n| cario    | Generates a Cards image overlays |\n| carit    | Generates a Cards inverted text  |\n| cargr    | Generates a Cards groups         |\n| cardk    | Generates a Cards decks          |\n| carcol   | Generates a Cards columns        |\n| cargr    | Generates a Cards groups         |\n| cargr    | Generates a Cards groups         |\n\n###### \u003ca name=\"navs\"\u003eNavs\u003c/a\u003e\n\n| Snippets | Descriptions                     |\n| :------- | :------------------------------- |\n| nav      | Generates a Nav                  |\n| navin    | Generates a Nav inline           |\n| navtb    | Generates a Nav tabs             |\n| navpl    | Generates a Nav pills            |\n| navplsk  | Generates a Nav pills stacked    |\n| navtbdd  | Generates a Nav tabs w/ dropdown |\n\n###### \u003ca name=\"navbar\"\u003eNavbar\u003c/a\u003e\n\n| Snippets  | Descriptions                     |\n| :-------- | :------------------------------- |\n| nvb       | Generates a Navbar               |\n| nvbc      | Generates a Navbar color         |\n| nvbconout | Generates a Navbar container out |\n| nvbconin  | Generates a Navbar container in  |\n| nvbft     | Generates a Navbar fixed top     |\n| nvbfb     | Generates a Navbar fixed bottom  |\n| nvbclp    | Generates a Navbar collapse      |\n| nvbtg     | Generates a Navbar toggler       |\n| nvb       | Generates a Navbar               |\n\n###### \u003ca name=\"breadcrumb\"\u003eBreadcrumb\u003c/a\u003e\n\n| Snippets | Descriptions           |\n| :------- | :--------------------- |\n| bre      | Generates a Breadcrumb |\n\n###### \u003ca name=\"pagination\"\u003ePagination\u003c/a\u003e\n\n| Snippets | Descriptions                 |\n| :------- | :--------------------------- |\n| pag      | Generates a Pagination       |\n| pagsz    | Generates a Pagination       |\n| pager    | Generates a Pagination pager |\n\n###### \u003ca name=\"progress\"\u003eProgress\u003c/a\u003e\n\n| Snippets | Descriptions                 |\n| :------- | :--------------------------- |\n| pro      | Generates a Progress         |\n| proco    | Generates a Progress context |\n| procost  | Generates a Progress striped |\n| prostan  | Generates a Progress         |\n\n###### \u003ca name=\"list-group\"\u003eList group\u003c/a\u003e\n\n| Snippets | Descriptions                    |\n| :------- | :------------------------------ |\n| lis      | Generates a List                |\n| lisla    | Generates a List label          |\n| lisli    | Generates a List linked         |\n| lisbtn   | Generates a List button         |\n| lisdis   | Generates a List disabled items |\n| lisco    | Generates a List context        |\n| liscc    | Generates a List custom content |\n\n###### \u003ca name=\"modal\"\u003eModal\u003c/a\u003e\n\n| Snippets | Descriptions                    |\n| :------- | :------------------------------ |\n| mod      | Generates a Modal               |\n| modsz    | Generates a Modal sizes         |\n| modgr    | Generates a Modal grid          |\n| modcb    | Generates a Modal content based |\n\n###### \u003ca name=\"scrollspy\"\u003eScrollspy\u003c/a\u003e\n\n| Snippets | Descriptions          |\n| :------- | :-------------------- |\n| scr      | Generates a Scrollspy |\n\n###### \u003ca name=\"tooltips\"\u003eTooltips\u003c/a\u003e\n\n| Snippets | Descriptions         |\n| :------- | :------------------- |\n| too      | Generates a Tooltipc |\n\n###### \u003ca name=\"popovers\"\u003ePopovers\u003c/a\u003e\n\n| Snippets | Descriptions                  |\n| :------- | :---------------------------- |\n| pop      | Generates a Popover           |\n| popdi    | Generates a Popover direction |\n\n###### \u003ca name=\"collapse\"\u003eCollapse\u003c/a\u003e\n\n| Snippets | Descriptions                   |\n| :------- | :----------------------------- |\n| coll     | Generates a Collapse           |\n| colla    | Generates a Collapse accordion |\n\n###### \u003ca name=\"carousel\"\u003eCarousel\u003c/a\u003e\n\n| Snippets | Descriptions                 |\n| :------- | :--------------------------- |\n| caro     | Generates a Carousel         |\n| caroca   | Generates a Carousel caption |\n\n###### \u003ca name=\"utilities\"\u003eUtilities\u003c/a\u003e\n\n| Snippets | Descriptions                    |\n| :------- | :------------------------------ |\n| texta    | Generates a Text alignment      |\n| textt    | Generates a Text transform      |\n| textcol  | Generates a Text context colors |\n| cloi     | Generates a Close icon          |\n| cenb     | Generates a Center block        |\n| cle      | Generates a Clearfix            |\n| hid      | Generates a Hidden content      |\n| inv      | Generates an Invisible content  |\n| sro      | Generates a Screen reader       |\n| imgre    | Generates an Image replacement  |\n| emb      | Generates a Responsive embeds   |\n\n## Credits\n\nThese snippets are Vim rewrite of the [Atom Bootstrap 4](https://github.com/degouville/atom-bootstrap4) plugin.\n\n## Bugs\n\nBootstrap 4 at the time this was created is still in alpha ( v4.0.0-alpha.2 ) so there could be\nsome breaking changes. Feel free to contribute.\n\n---\n\n[**Back to Top**](#bootstrap-4-snippets)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimpu%2Fvim-bs4-jsx-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimpu%2Fvim-bs4-jsx-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimpu%2Fvim-bs4-jsx-snippets/lists"}