yusrilhs / bootstrapformsublime

Bootstrap Form Sublime Snippet

Bootstrap Form Sublime Text Snippet

Maybe you are bored and are lazy to type the div and input bundles for the bootstrap form. I created this snippet to help your boredom and laziness. Cheers!!

Installation

• Download this repo
• goto Preferences > Browse Packages
• Extract package into the packages folder

How to use it

Type the snippet below then press tab

Cheatsheet

Bootstrap Element	Snippet
Form	bf
Form Inline	bfinline
Form Horizontal	bfhorizontal
Form Group	bfgroup
Button submit	bbtn
Input Text	bitext
Input Textarea	bitextarea
Input Password	bipassword
Input Number	binumber
Input File	bifile
Input Email	biemail
Input Checkbox	bicheckbox
Input Checkbox Inline	bicheckboxi
Input Radio	biradio
Input Radio Inline	biradioi
Select	bselect
Help Block	bhb
clearfix	bclear
Input	binput

Form horizontal snippet

For form horizontal $number on below is a bootstrap grid system, should be a number between 1 and 12

Bootstrap Element	Snippet
Label Horizontal	blh$number
Input Text Horizontal	bitexth$number
Input Password Horizontal	bipasswordh$number
Input Email Horizontal	biemailh$number
Input Number Horizontal	binumberh$number
Input Textarea Horizontal	bitextarea$number
Input File Horizontal	bifileh$number
Select Horizontal	bselecth$number
Input Horizontal	binputh$number

License

Licensed under the MIT license