Skip to content

Instantly share code, notes, and snippets.

@vishnukumarpv
Last active February 19, 2018 10:11
Show Gist options
  • Save vishnukumarpv/46f9790ffc332a53e8c6b4082eba9122 to your computer and use it in GitHub Desktop.
Save vishnukumarpv/46f9790ffc332a53e8c6b4082eba9122 to your computer and use it in GitHub Desktop.
Bootstrap 4 form snippets

Move to user folder open your Sublime text 3 and then Preferences -> browse packages Move bootstrap_form.sublime-completions to user folder or make sub folder

example: vitext+tab

this is a personal gist.... consider it as a backup if it is helpfull for you take it

{
"completions":
[
{ "trigger":"vitext", "contents": "<div class=\"form-group\">\n <label for=\"${2:exampleInputEmail1}\">${4:Email address}</label>\n <input type=\"${1:email}\" class=\"form-control\" name=\"${2:exampleInputEmail1}\" id=\"${2:exampleInputEmail1}\" aria-describedby=\"${2:exampleInputEmail1}\" placeholder=\"${3:Enter email}\">\n <small id=\"${2:exampleInputEmail1}\" class=\"form-text text-muted\">We'll never share your email with anyone else.</small>\n </div>" },
{ "trigger":"vitextarea", "contents":" <div class=\"form-group\">\n <label for=\"${1:exampleFormControlTextarea1}\">${2:Example textarea}</label>\n <textarea class=\"form-control\" id=\"${1:exampleFormControlTextarea1}\" name=\"${1:exampleFormControlTextarea1}\" rows=\"${3:3}\">\n </textarea>\n </div>"},
{ "trigger":"visubmit", "contents":"<button type=\"submit\" name=\"${2:submit}\" class=\"btn btn-primary ${3:myClass}\">${1:Submit}</button>"},
{ "trigger":"viselect", "contents":" <div class=\"form-group\">\n <label for=\"${2:formControlSelect1}\">${3:Example select}</label>\n <select name=\"${2:formControlSelect1}\" class=\"form-control\" id=\"${2:formControlSelect1}\">\n <option>Open this select menu</option>\n <option value=\"${5:1}\">${4:1}</option>\n </select>\n </div>"},
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment