├── README.md ├── addon-info.json ├── dictionary └── snippets ├── haml.snippets └── html.snippets /README.md: -------------------------------------------------------------------------------- 1 | # Bootstrap Snippets 2 | 3 | HTML and Haml snippets for [Twitter Bootstrap 3.3.2](http://getbootstrap.com/) markup, for the Vim plugin [snipMate](https://github.com/garbas/vim-snipmate). 4 | 5 |  6 | 7 | ## Dependencies 8 | 9 | - [vim-snipmate](https://github.com/garbas/vim-snipmate) 10 | - [tlib\_vim](https://github.com/tomtom/tlib_vim) 11 | - [vim-addon-mw-utils](https://github.com/MarcWeber/vim-addon-mw-utils) 12 | 13 | ## Installation using [Pathogen](https://github.com/tpope/vim-pathogen) 14 | 15 | $ cd ~/.vim 16 | $ mkdir bundle 17 | $ cd bundle 18 | 19 | # Install dependencies: 20 | $ git clone https://github.com/garbas/vim-snipmate.git 21 | $ git clone https://github.com/tomtom/tlib_vim.git 22 | $ git clone https://github.com/MarcWeber/vim-addon-mw-utils.git 23 | 24 | # Install bootstrap-snippets 25 | $ git clone -b bootstrap-3-3-2 git://github.com/bonsaiben/bootstrap-snippets.git 26 | 27 | 28 | ## Usage 29 | 30 | In an html or haml file, type a trigger name in Insert mode, and press `Tab` to expand it into HTML markup. 31 | 32 | Trigger names are meant to be as predictable as possible without being too long or redundant. 33 | 34 | Most trigger names correspond directly to the relevant tag or class name, minus hyphens. For example, `btnprimary` becomes: 35 | 36 | ```html 37 | Default 38 | ``` 39 | 40 | ##### Buttons 41 | 42 | Markup with `.btn` class uses the `` tag by default, however there is usually a corresponding `` tag version with the same trigger preceded by an `a`. For example, with `btnprimary` there is also `abtnprimary` which becomes: 43 | 44 | ```html 45 | Primary 46 | ``` 47 | 48 | See Trigger Glossary below for a full list of triggers. 49 | 50 | ## Filetypes 51 | 52 | By default html snippets will only work in html files, or file formats associated with the html filetype in vim. If you are using a format like Ruby ERB (`.html.erb`) and the html snippets are not working, you may have to tell Vim to associate `.html.erb` files with the html filetype, for example: 53 | 54 | ```vim 55 | autocmd BufRead,BufNewFile *.html.erb set filetype=html 56 | ``` 57 | 58 | ## Autocomplete 59 | 60 | bootstrap-snippets ships with a dictionary file containing all of the triggers. This can be used as a vim dictionary for autocomplete (Insert mode CTRL+N/CTRL+P). 61 | 62 | Add the dictionary file and enable dictionary autocomplete: 63 | 64 | ```vim 65 | set dictionary+=~/.vim/bundle/bootstrap-snippets/dictionary 66 | set complete+=k 67 | ``` 68 | 69 | ## Trigger Glossary 70 | 71 | You can find a trigger glossary in the Wiki [here](https://github.com/bonsaiben/bootstrap-snippets/wiki/Trigger-Glossary). 72 | 73 | -------------------------------------------------------------------------------- /addon-info.json: -------------------------------------------------------------------------------- 1 | { 2 | "name" : "bootstrap-snippets", 3 | "author" : "Benjamin Sullivan", 4 | "maintainer" : "Benjamin Sullivan", 5 | "repository" : {"type": "git", "url": "git://github.com/bonsaiben/bootstrap-snippets.git"}, 6 | "dependencies" : { 7 | }, 8 | "description" : "Bootstrap 3.2.2 snippets for snipMate" 9 | } 10 | -------------------------------------------------------------------------------- /dictionary: -------------------------------------------------------------------------------- 1 | abbr 2 | abtn 3 | abtnactive 4 | abtnblock 5 | abtncollapse 6 | abtndanger 7 | abtndefault 8 | abtndisabled 9 | abtngroup 10 | abtngroupjustified 11 | abtninfo 12 | abtnlg 13 | abtnlink 14 | abtnprimary 15 | abtnsm 16 | abtnsuccess 17 | abtnwarning 18 | abtnxs 19 | accordian 20 | address 21 | affix 22 | alert 23 | alertdanger 24 | alertdismissible 25 | alertinfo 26 | alertlink 27 | alertsuccess 28 | alertwarning 29 | alistgroupitem 30 | alistgroupitemcontent 31 | alistgroupitemdanger 32 | alistgroupiteminfo 33 | alistgroupitemsuccess 34 | alistgroupitemwarning 35 | apopover 36 | apopoverbottom 37 | apopoverdismissible 38 | apopoverleft 39 | apopoverright 40 | apopovertop 41 | atooltip 42 | atooltipbottom 43 | atooltipleft 44 | atooltipright 45 | atooltiptop 46 | badge 47 | badgebtn 48 | badgenav 49 | basictemplate 50 | bgdanger 51 | bginfo 52 | bgprimary 53 | bgsuccess 54 | bgwarning 55 | blockquote 56 | blockquotereverse 57 | blockquotesource 58 | bootstrapcdn 59 | breadcrumb 60 | btn 61 | btnactive 62 | btnblock 63 | btncollapse 64 | btndanger 65 | btndefault 66 | btndisabled 67 | btndropdown 68 | btndropdownsplit 69 | btndropup 70 | btngroup 71 | btngroupcheckbox 72 | btngroupjustified 73 | btngrouplg 74 | btngroupradio 75 | btngroupsm 76 | btngroupvertical 77 | btngroupxs 78 | btninfo 79 | btnlg 80 | btnlink 81 | btnprimary 82 | btnsingletoggle 83 | btnsm 84 | btnstatetext 85 | btnsuccess 86 | btntoolbar 87 | btnwarning 88 | btnxs 89 | caret 90 | carousel 91 | centerblock 92 | checkbox 93 | checkboxhaserror 94 | checkboxhassuccess 95 | checkboxhaswarning 96 | checkboxinline 97 | clearfix 98 | close 99 | code 100 | collg 101 | collgoffset 102 | collgpull 103 | collgpush 104 | colmd 105 | colmdoffset 106 | colmdpull 107 | colmdpush 108 | colsm 109 | colsmoffset 110 | colsmpull 111 | colsmpush 112 | colxs 113 | colxsoffset 114 | colxspull 115 | colxspush 116 | container 117 | containerfluid 118 | del 119 | divider 120 | dl 121 | dlhorizontal 122 | dropdown 123 | dropdownheader 124 | dropdownmenuright 125 | em 126 | embedresponsive 127 | fieldsetdisabled 128 | form 129 | formcontrolstatic 130 | formgrouphaserror 131 | formgrouphasfeedback 132 | formgrouphassuccess 133 | formgrouphaswarning 134 | formgrouplg 135 | formgroupsm 136 | formhorizontal 137 | forminline 138 | glyphicon 139 | h1 140 | h1small 141 | h2 142 | h2small 143 | h3 144 | h3small 145 | h4 146 | h4small 147 | h5 148 | h5small 149 | h6 150 | h6small 151 | hidden 152 | hiddenlg 153 | hiddenmd 154 | hiddenprint 155 | hiddensm 156 | hiddenxs 157 | html5 158 | imgcircle 159 | imgresponsive 160 | imgrounded 161 | imgthumbnail 162 | initialism 163 | input 164 | inputbtn 165 | inputdisabled 166 | inputgroup 167 | inputgroupbtn 168 | inputgroupbtndropdown 169 | inputgroupcheckbox 170 | inputgrouplg 171 | inputgroupradio 172 | inputgroupsm 173 | inputhelpblock 174 | inputlg 175 | inputreadonly 176 | inputsm 177 | ins 178 | invisible 179 | jumbotron 180 | jumbotroncontainer 181 | kbd 182 | label 183 | labeldanger 184 | labeldefault 185 | labelinfo 186 | labelprimary 187 | labelsuccess 188 | labelwarning 189 | lead 190 | lidisabled 191 | listgroup 192 | listgroupitem 193 | listgroupitembadge 194 | listgroupitemcontent 195 | listgroupitemdanger 196 | listgroupitemdisabled 197 | listgroupiteminfo 198 | listgroupitemsuccess 199 | listgroupitemwarning 200 | listinline 201 | listunstyled 202 | mark 203 | media 204 | mediabody 205 | mediabottom 206 | medialeft 207 | medialist 208 | mediamiddle 209 | mediaright 210 | modal 211 | modallg 212 | modalsm 213 | navbar 214 | navbarbtn 215 | navbarfixedbottom 216 | navbarfixedtop 217 | navbarform 218 | navbarinverse 219 | navbarlink 220 | navbarstatictop 221 | navbartext 222 | navpills 223 | navpillsdropdown 224 | navpillsjustified 225 | navpillsstacked 226 | navtabs 227 | navtabsdropdown 228 | navtabsjustified 229 | ol 230 | p 231 | pageheader 232 | pager 233 | pageraligned 234 | pagination 235 | paginationlg 236 | paginationsm 237 | panel 238 | panelbody 239 | paneldanger 240 | paneldefault 241 | panelfooter 242 | panelheading 243 | panelheadingtitle 244 | panelinfo 245 | panellistgroup 246 | panelprimary 247 | panelsuccess 248 | paneltable 249 | panelwarning 250 | popover 251 | popoverbottom 252 | popoverleft 253 | popoverright 254 | popovertop 255 | pre 256 | progress 257 | progressdanger 258 | progressinfo 259 | progressstacked 260 | progressstriped 261 | progressstripedactive 262 | progresssuccess 263 | progresswarning 264 | pullleft 265 | pullright 266 | radio 267 | radioinline 268 | row 269 | s 270 | samp 271 | scrollspy 272 | select 273 | selectlg 274 | selectmultiple 275 | selectsm 276 | show 277 | small 278 | sronlyfocusable 279 | strong 280 | submitbtn 281 | table 282 | tablebordered 283 | tablecondensed 284 | tablehover 285 | tableresponsive 286 | tablestriped 287 | tabpanel 288 | tdactive 289 | tddanger 290 | tdinfo 291 | tdsuccess 292 | tdwarning 293 | textarea 294 | textcapitalize 295 | textcenter 296 | textdanger 297 | texthide 298 | textinfo 299 | textjustify 300 | textleft 301 | textlowercase 302 | textmuted 303 | textnowrap 304 | textprimary 305 | textright 306 | textsuccess 307 | textuppercase 308 | textwarning 309 | thactive 310 | thdanger 311 | thinfo 312 | thsuccess 313 | thumbnail 314 | thumbnailcontent 315 | thwarning 316 | tooltip 317 | tooltipbottom 318 | tooltipleft 319 | tooltipright 320 | tooltiptop 321 | tractive 322 | trdanger 323 | trinfo 324 | trsuccess 325 | trwarning 326 | u 327 | ul 328 | var 329 | viewport 330 | viewportnozoom 331 | visiblelgblock 332 | visiblelginline 333 | visiblelginlineblock 334 | visiblemdblock 335 | visiblemdinline 336 | visiblemdinlineblock 337 | visibleprintblock 338 | visibleprintinline 339 | visibleprintinlineblock 340 | visiblesmblock 341 | visiblesminline 342 | visiblesminlineblock 343 | visiblexsblock 344 | visiblexsinline 345 | visiblexsinlineblock 346 | well 347 | welllg 348 | wellsm 349 | -------------------------------------------------------------------------------- /snippets/haml.snippets: -------------------------------------------------------------------------------- 1 | snippet bootstrapcdn Bootstrap 2 | / Latest compiled and minified CSS 3 | %link{:href => "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css", :rel => "stylesheet"} 4 | 5 | / Optional theme 6 | %link{:href => "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css", :rel => "stylesheet"} 7 | 8 | / Latest compiled and minified JavaScript 9 | %script{:src => "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"} 10 | 11 | 12 | snippet basictemplate Bootstrap 13 | !!! 14 | %html{:lang => "en"} 15 | %head 16 | %meta{:charset => "utf-8"} 17 | %meta{:content => "IE=edge", "http-equiv" => "X-UA-Compatible"} 18 | %meta{:content => "width=device-width, initial-scale=1", :name => "viewport"} 19 | %title Bootstrap 101 Template 20 | 21 | / Bootstrap 22 | %link{:href => "css/bootstrap.min.css", :rel => "stylesheet"} 23 | 24 | / HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries 25 | / WARNING: Respond.js doesn't work if you view the page via file:// 26 | /[if lt IE 9] 27 | 28 | 29 | %body 30 | %h1 Hello, world! 31 | 32 | / jQuery (necessary for Bootstrap's JavaScript plugins) 33 | %script{:src => "https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"} 34 | / Include all compiled plugins (below), or include individual files as needed 35 | %script{:src => "js/bootstrap.min.js"} 36 | 37 | 38 | snippet html5 Bootstrap 39 | !!! 40 | %html{:lang => "en"} 41 | ${1:...} 42 | 43 | 44 | snippet viewport Bootstrap 45 | %meta{:content => "width=device-width, initial-scale=1", :name => "viewport"} 46 | 47 | snippet viewportnozoom Bootstrap 48 | %meta{:content => "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no", :name => "viewport"} 49 | 50 | 51 | snippet container Bootstrap 52 | .container 53 | ${1:...} 54 | 55 | snippet containerfluid Bootstrap 56 | .container-fluid 57 | ${1:...} 58 | 59 | 60 | snippet row Bootstrap 61 | .row 62 | ${1:...} 63 | 64 | snippet colxs Bootstrap 65 | .col-xs-${1:1} 66 | ${2:...} 67 | 68 | snippet colsm Bootstrap 69 | .col-sm-${1:1} 70 | ${2:...} 71 | 72 | snippet colmd Bootstrap 73 | .col-md-${1:1} 74 | ${2:...} 75 | 76 | snippet collg Bootstrap 77 | .col-lg-${1:1} 78 | ${2:...} 79 | 80 | snippet colxsoffset Bootstrap 81 | .col-xs-offset-${1:1} 82 | ${2:...} 83 | 84 | snippet colsmoffset Bootstrap 85 | .col-sm-offset-${1:1} 86 | ${2:...} 87 | 88 | snippet colmdoffset Bootstrap 89 | .col-md-offset-${1:1} 90 | ${2:...} 91 | 92 | snippet collgoffset Bootstrap 93 | .col-lg-offset-${1:1} 94 | ${2:...} 95 | 96 | snippet colxspush Bootstrap 97 | .col-xs-push-${1:1} 98 | ${2:...} 99 | 100 | snippet colsmpush Bootstrap 101 | .col-sm-push-${1:1} 102 | ${2:...} 103 | 104 | snippet colmdpush Bootstrap 105 | .col-md-push-${1:1} 106 | ${2:...} 107 | 108 | snippet collgpush Bootstrap 109 | .col-lg-push-${1:1} 110 | ${2:...} 111 | 112 | snippet colxspull Bootstrap 113 | .col-xs-pull-${1:1} 114 | ${2:...} 115 | 116 | snippet colsmpull Bootstrap 117 | .col-sm-pull-${1:1} 118 | ${2:...} 119 | 120 | snippet colmdpull Bootstrap 121 | .col-md-pull-${1:1} 122 | ${2:...} 123 | 124 | snippet collgpull Bootstrap 125 | .col-lg-pull-${1:1} 126 | ${2:...} 127 | 128 | 129 | snippet h1 Bootstrap 130 | %h1 ${1:Bootstrap heading} 131 | 132 | snippet h2 Bootstrap 133 | %h2 ${1:Bootstrap heading} 134 | 135 | snippet h3 Bootstrap 136 | %h3 ${1:Bootstrap heading} 137 | 138 | snippet h4 Bootstrap 139 | %h4 ${1:Bootstrap heading} 140 | 141 | snippet h5 Bootstrap 142 | %h5 ${1:Bootstrap heading} 143 | 144 | snippet h6 Bootstrap 145 | %h6 ${1:Bootstrap heading} 146 | 147 | 148 | snippet h1small Bootstrap 149 | %h1 150 | ${1:Bootstrap heading} 151 | %small ${2:Secondary text} 152 | 153 | snippet h2small Bootstrap 154 | %h2 155 | ${1:Bootstrap heading} 156 | %small ${2:Secondary text} 157 | 158 | snippet h3small Bootstrap 159 | %h3 160 | ${1:Bootstrap heading} 161 | %small ${2:Secondary text} 162 | 163 | snippet h4small Bootstrap 164 | %h4 165 | ${1:Bootstrap heading} 166 | %small ${2:Secondary text} 167 | 168 | snippet h5small Bootstrap 169 | %h5 170 | ${1:Bootstrap heading} 171 | %small ${2:Secondary text} 172 | 173 | snippet h6small Bootstrap 174 | %h6 175 | ${1:Bootstrap heading} 176 | %small ${2:Secondary text} 177 | 178 | snippet p Bootstrap 179 | %p ${1:...} 180 | 181 | snippet lead Bootstrap 182 | %p.lead ${1:...} 183 | 184 | snippet mark Bootstrap 185 | %mark ${1:hightlight} 186 | 187 | snippet del Bootstrap 188 | %del ${1:This line of text is meant to be treated as deleted text.} 189 | 190 | snippet s Bootstrap 191 | %s ${1:This line of text is meant to be treated as no longer accurate.} 192 | 193 | snippet ins Bootstrap 194 | %ins ${1:This line of text is meant to be treated as an addition to the document.} 195 | 196 | snippet u Bootstrap 197 | %u ${1:This line of text will render as underlined} 198 | 199 | snippet small Bootstrap 200 | %small ${1:This line of text is meant to be treated as fine print.} 201 | 202 | snippet strong Bootstrap 203 | %strong ${1:bold text} 204 | 205 | snippet em Bootstrap 206 | %em ${1:italicized text} 207 | 208 | snippet textleft Bootstrap 209 | %p.text-left ${1:Left aligned text.} 210 | 211 | snippet textcenter Bootstrap 212 | %p.text-center ${1:Center aligned text.} 213 | 214 | snippet textright Bootstrap 215 | %p.text-right ${1:Right aligned text.} 216 | 217 | snippet textjustify Bootstrap 218 | %p.text-justify ${1:Justified text.} 219 | 220 | snippet textnowrap Bootstrap 221 | %p.text-nowrap ${1:No wrap text.} 222 | 223 | 224 | snippet textlowercase Bootstrap 225 | %p.text-lowercase ${1:Lowercased text.} 226 | 227 | snippet textuppercase Bootstrap 228 | %p.text-uppercase ${1:Uppercased text.} 229 | 230 | snippet textcapitalize Bootstrap 231 | %p.text-capitalize ${1:Capitalized text.} 232 | 233 | snippet abbr Bootstrap 234 | %abbr{:title => "${1:attribute}"} ${2:attr} 235 | 236 | 237 | snippet initialism Bootstrap 238 | %abbr.initialism{:title => "${1:HyperText Markup Language}"} ${2:HTML} 239 | 240 | snippet address Bootstrap 241 | %address 242 | %strong ${1:Twitter, Inc.} 243 | %br 244 | ${2:795 Folsom Ave, Suite 600} 245 | %br 246 | ${3:San Francisco, CA 94107} 247 | %br 248 | %abbr{:title => "Phone"} P: ${4:(123) 456-7890} 249 | 250 | %address 251 | %strong ${5:Full Name} 252 | %br 253 | %a{:href => "mailto:#"} ${6:first.last@example.com} 254 | 255 | snippet blockquote Bootstrap 256 | %blockquote 257 | %p ${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.} 258 | 259 | snippet blockquotesource Bootstrap 260 | %blockquote 261 | %p ${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.} 262 | %footer 263 | ${2:Someone famous in} 264 | %cite{:title => "${3:Source Title}"} $3 265 | 266 | snippet blockquotereverse Bootstrap 267 | %blockquote.blockquote-reverse 268 | ${1:...} 269 | 270 | snippet ul Bootstrap 271 | %ul 272 | %li ${1:...} 273 | 274 | snippet ol Bootstrap 275 | %ol 276 | %li ${1:...} 277 | 278 | snippet listunstyled Bootstrap 279 | %ul.list-unstyled 280 | %li ${1:...} 281 | 282 | snippet listinline Bootstrap 283 | %ul.list-inline 284 | %li ${1:...} 285 | 286 | snippet dl Bootstrap 287 | %dl 288 | %dt ${1:...} 289 | %dd ${2:...} 290 | 291 | snippet dlhorizontal Bootstrap 292 | %dl.dl-horizontal 293 | %dt ${1:...} 294 | %dd ${2:...} 295 | 296 | 297 | 298 | snippet code Bootstrap 299 | %code ${1:<section>} 300 | 301 | snippet kbd Bootstrap 302 | %kbd ${1:cd} 303 | 304 | snippet pre Bootstrap 305 | %pre ${1:<p>Sample text here...</p>} 306 | 307 | snippet var Bootstrap 308 | %var ${1:x} 309 | 310 | 311 | snippet samp Bootstrap 312 | %samp ${1:This text is meant to be treated as sample output from a computer program.} 313 | 314 | 315 | 316 | snippet table Bootstrap 317 | %table.table 318 | ${1:...} 319 | 320 | snippet tablestriped Bootstrap 321 | %table.table.table-striped 322 | ${1:...} 323 | 324 | snippet tablebordered Bootstrap 325 | %table.table.table-bordered 326 | ${1:...} 327 | 328 | snippet tablehover Bootstrap 329 | %table.table.table-hover 330 | ${1:...} 331 | 332 | snippet tablecondensed Bootstrap 333 | %table.table.table-condensed 334 | ${1:...} 335 | 336 | 337 | snippet tractive Bootstrap 338 | %tr.active ${1:...} 339 | 340 | snippet trsuccess Bootstrap 341 | %tr.success ${1:...} 342 | 343 | snippet trwarning Bootstrap 344 | %tr.warning ${1:...} 345 | 346 | snippet trdanger Bootstrap 347 | %tr.danger ${1:...} 348 | 349 | snippet trinfo Bootstrap 350 | %tr.info ${1:...} 351 | 352 | 353 | snippet tdactive Bootstrap 354 | %td.active ${1:...} 355 | 356 | snippet tdsuccess Bootstrap 357 | %td.success ${1:...} 358 | 359 | snippet tdwarning Bootstrap 360 | %td.warning ${1:...} 361 | 362 | snippet tddanger Bootstrap 363 | %td.danger ${1:...} 364 | 365 | snippet tdinfo Bootstrap 366 | %td.info ${1:...} 367 | 368 | 369 | snippet thactive Bootstrap 370 | %th.active ${1:...} 371 | 372 | snippet thsuccess Bootstrap 373 | %th.success ${1:...} 374 | 375 | snippet thwarning Bootstrap 376 | %th.warning ${1:...} 377 | 378 | snippet thdanger Bootstrap 379 | %th.danger ${1:...} 380 | 381 | snippet thinfo Bootstrap 382 | %th.info ${1:...} 383 | 384 | snippet tableresponsive Bootstrap 385 | %div.table-responsive 386 | %table.table 387 | ${1:...} 388 | 389 | 390 | snippet form Bootstrap 391 | %form 392 | .form-group 393 | %label{:for => "exampleInputEmail1"} Email address 394 | %input#exampleInputEmail1.form-control{:placeholder => "Enter email", :type => "email"} 395 | .form-group 396 | %label{:for => "exampleInputPassword1"} Password 397 | %input#exampleInputPassword1.form-control{:placeholder => "Password", :type => "password"} 398 | .form-group 399 | %label{:for => "exampleInputFile"} File input 400 | %input#exampleInputFile{:type => "file"} 401 | %p.help-block Example block-level help text here. 402 | .checkbox 403 | %label 404 | %input{:type => "checkbox"} 405 | Check me out 406 | %button.btn.btn-default{:type => "submit"} Submit 407 | 408 | snippet forminline Bootstrap 409 | %form.form-inline 410 | .form-group 411 | %label.sr-only{:for => "exampleInputEmail3"} Email address 412 | %input#exampleInputEmail3.form-control{:placeholder => "Enter email", :type => "email"}/ 413 | .form-group 414 | %label.sr-only{:for => "exampleInputPassword3"} Password 415 | %input#exampleInputPassword3.form-control{:placeholder => "Password", :type => "password"}/ 416 | .checkbox 417 | %label 418 | %input{:type => "checkbox"}/ 419 | Remember me 420 | %button.btn.btn-default{:type => "submit"} Sign in 421 | 422 | snippet formhorizontal Bootstrap 423 | %form.form-horizontal 424 | .form-group 425 | %label.col-sm-2.control-label{:for => "inputEmail3"} Email 426 | .col-sm-10 427 | %input#inputEmail3.form-control{:placeholder => "Email", :type => "email"} 428 | .form-group 429 | %label.col-sm-2.control-label{:for => "inputPassword3"} Password 430 | .col-sm-10 431 | %input#inputPassword3.form-control{:placeholder => "Password", :type => "password"} 432 | .form-group 433 | .col-sm-offset-2.col-sm-10 434 | .checkbox 435 | %label 436 | %input{:type => "checkbox"} 437 | Remember me 438 | .form-group 439 | .col-sm-offset-2.col-sm-10 440 | %button.btn.btn-default{:type => "submit"} Sign in 441 | 442 | snippet input Bootstrap 443 | %input.form-control{:type => "text", :placeholder => "${1:Text input}"} 444 | 445 | snippet textarea Bootstrap 446 | %textarea.form-control{:rows => "3"} 447 | 448 | snippet checkbox Bootstrap 449 | .checkbox 450 | %label 451 | %input{:type => "checkbox", :value => "${1:}"} 452 | ${2:Option one is this and that—be sure to include why it's great} 453 | 454 | snippet radio Bootstrap 455 | .radio 456 | %label 457 | %input{:checked => "checked", :id => "${2:optionsRadios1}", :name => "${1:optionsRadios}", :type => "radio", :value => "${3:option1}"} 458 | ${4:Option one is this and that—be sure to include why it's great} 459 | .radio 460 | %label 461 | %input{:id => "${6:optionsRadios2}", :name => "${5:optionsRadios}", :type => "radio", :value => "${7:option2}"} 462 | ${8:Option two can be something else and selecting it will deselect option one} 463 | 464 | snippet checkboxinline Bootstrap 465 | %label.checkbox-inline 466 | %input{:id => "${1:inlineCheckbox1}", :type => "checkbox", :value => "${2:option1}"} 467 | ${3:1} 468 | 469 | snippet radioinline Bootstrap 470 | %label.radio-inline 471 | %input{:id => "${2:inlineRadio1}", :name => "${1:inlineRadioOptions}", :type => "radio", :value => "${3:option1}"} 472 | ${4:1} 473 | %label.radio-inline 474 | %input{:id => "${6:inlineRadio2}", :name => "${5:inlineRadioOptions}", :type => "radio", :value => "${7:option2}"} 475 | ${8:2} 476 | 477 | snippet select Bootstrap 478 | %select.form-control 479 | %option ${1:1} 480 | %option ${2:2} 481 | 482 | snippet selectmultiple Bootstrap 483 | %select.form-control{:multiple => "multiple"} 484 | %option ${1:1} 485 | %option ${2:2} 486 | 487 | snippet formcontrolstatic Bootstrap 488 | .form-group 489 | %label.col-sm-2.control-label ${1:Email} 490 | .col-sm-10 491 | %p.form-control-static ${2:email@example.com} 492 | 493 | snippet inputdisabled Bootstrap 494 | %input.form-control{:disabled => "disabled", :id => "${1:disabledInput}", :placeholder => "${2:Disabled input here...}", :type => "text"} 495 | 496 | snippet fieldsetdisabled Bootstrap 497 | %fieldset{:disabled => "disabled"} 498 | .form-group 499 | %label{:for => "disabledTextInput"} Disabled input 500 | %input#disabledTextInput.form-control{:placeholder => "Disabled input", :type => "text"} 501 | .form-group 502 | %label{:for => "disabledSelect"} Disabled select menu 503 | %select#disabledSelect.form-control 504 | %option Disabled select 505 | .checkbox 506 | %label 507 | %input{:type => "checkbox"} 508 | Can't check this 509 | %button.btn.btn-primary{:type => "submit"} Submit 510 | 511 | snippet inputreadonly Bootstrap 512 | %input.form-control{:placeholder => "${1:Readonly input here...}", :readonly => "readonly", :type => "text"} 513 | 514 | snippet formgrouphassuccess Bootstrap 515 | .form-group.has-success 516 | %label.control-label{:for => "$2"} ${1:Input with success} 517 | %input.form-control{:id => "${2:inputSuccess1}", :type => "text"} 518 | 519 | snippet formgrouphaswarning Bootstrap 520 | .form-group.has-warning 521 | %label.control-label{:for => "$2"} ${1:Input with warning} 522 | %input.form-control{:id => "${2:inputWarning1}", :type => "text"} 523 | 524 | snippet formgrouphaserror Bootstrap 525 | .form-group.has-error 526 | %label.control-label{:for => "$2"} ${1:Input with error} 527 | %input.form-control{:id => "${2:inputError1}", :type => "text"} 528 | 529 | snippet checkboxhassuccess Bootstrap 530 | .has-success 531 | .checkbox 532 | %label 533 | %input{:id => "${1:checkboxSuccess}", :type => "checkbox", :value => "${2:option1}"} 534 | ${3:Checkbox with success} 535 | 536 | snippet checkboxhaswarning Bootstrap 537 | .has-warning 538 | .checkbox 539 | %label 540 | %input{:id => "${1:checkboxWarning}", :type => "checkbox", :value => "${2:option1}"} 541 | ${3:Checkbox with warning} 542 | 543 | 544 | snippet checkboxhaserror Bootstrap 545 | .has-error 546 | .checkbox 547 | %label 548 | %input{:id => "${1:checkboxError}", :type => "checkbox", :value => "${2:option1}"} 549 | ${3:Checkbox with error} 550 | 551 | 552 | snippet formgrouphasfeedback Bootstrap 553 | .form-group.has-success.has-feedback 554 | %label.control-label{:for => "$3"} ${1:Input group with success} 555 | .input-group 556 | %span.input-group-addon ${2:@} 557 | %input.form-control{"aria-describedby" => "$3Status", :id => "${3:inputGroupSuccess1}", :type => "text"} 558 | %span.glyphicon.glyphicon-ok.form-control-feedback{"aria-hidden" => "true"} 559 | %span.sr-only{:id => "$3Status"} (success) 560 | 561 | snippet inputlg Bootstrap 562 | %input.form-control.input-lg{:placeholder => "${1:.input-lg}", :type => "text"} 563 | 564 | snippet inputsm Bootstrap 565 | %input.form-control.input-sm{:placeholder => "${1:.input-sm}", :type => "text"} 566 | 567 | snippet selectlg Bootstrap 568 | %select.form-control.input-lg ${1:...} 569 | 570 | snippet selectsm Bootstrap 571 | %select.form-control.input-sm ${1:...} 572 | 573 | snippet formgrouplg Bootstrap 574 | .form-group.form-group-lg 575 | %label.col-sm-2.control-label{:for => "$2"} ${1:Large label} 576 | .col-sm-10 577 | %input.form-control{:id => "${2:formGroupInputLarge}", :placeholder => "${3:Large input}", :type => "text"} 578 | 579 | snippet formgroupsm Bootstrap 580 | .form-group.form-group-sm 581 | %label.col-sm-2.control-label{:for => "$2"} ${1:Small label} 582 | .col-sm-10 583 | %input.form-control{:id => "${2:formGroupInputSmall}", :placeholder => "${3:Small input}", :type => "text"} 584 | 585 | snippet inputhelpblock Bootstrap 586 | %label.sr-only{:for => "$2"} ${1:Input with help text} 587 | %input.form-control{"aria-describedby" => "$3", :id => "${2:inputHelpBlock}", :type => "text"} 588 | %span.help-block{:id => "${3:helpBlock}"} ${4:A block of help text that breaks onto a new line and may extend beyond one line.} 589 | 590 | snippet btn Bootstrap 591 | %button.btn.btn-default{:type => "submit"} ${1:Button} 592 | 593 | snippet abtn Bootstrap 594 | %a.btn.btn-default{:href => "${1:#}", :role => "button"} ${2:Link} 595 | 596 | snippet inputbtn Bootstrap 597 | %input.btn.btn-default{:type => "button", :value => "${1:Input}"} 598 | 599 | snippet submitbtn Bootstrap 600 | %input.btn.btn-default{:type => "submit", :value => "${1:Submit}"} 601 | 602 | snippet btndefault Bootstrap 603 | %button.btn.btn-default{:type => "button"} ${1:Default} 604 | 605 | snippet abtndefault Bootstrap 606 | %a.btn.btn-default{:href => "${1:#}", :role => "button"} ${2:Default} 607 | 608 | snippet btnprimary Bootstrap 609 | %button.btn.btn-primary{:type => "button"} Primary 610 | 611 | snippet abtnprimary Bootstrap 612 | %a.btn.btn-primary{:href => "${1:#}", :role => "button"} ${2:Primary} 613 | 614 | snippet btnsuccess Bootstrap 615 | %button.btn.btn-success{:type => "button"} ${1:Success} 616 | 617 | snippet abtnsuccess Description 618 | %a.btn.btn-success{:href => "${1:#}", :role => "button"} ${2:Success} 619 | 620 | snippet btninfo Bootstrap 621 | %button.btn.btn-info{:type => "button"} ${1:Info} 622 | 623 | snippet abtninfo Bootstrap 624 | %a.btn.btn-info{:href => "${1:#}", :role => "button"} ${2:Info} 625 | 626 | snippet btnwarning Bootstrap 627 | %button.btn.btn-warning{:type => "button"} ${1:Warning} 628 | 629 | snippet abtnwarning Bootstrap 630 | %a.btn.btn-warning{:href => "${1:#}", :role => "button"} ${2:Warning} 631 | 632 | snippet btndanger Bootstrap 633 | %button.btn.btn-danger{:type => "button"} ${1:Danger} 634 | 635 | snippet abtndanger Bootstrap 636 | %a.btn.btn-danger{:href => "${1:#}", :role => "button"} ${2:Danger} 637 | 638 | snippet btnlink Bootstrap 639 | %button.btn.btn-link{:type => "button"} ${1:Link} 640 | 641 | snippet abtnlink Bootstrap 642 | %a.btn.btn-link{:href => "${1:#}", :role => "button"} ${2:Link} 643 | 644 | snippet btnlg Bootstrap 645 | %button.btn.btn-default.btn-lg{:type => "button"} ${1:Large button} 646 | 647 | snippet abtnlg Bootstrap 648 | %a.btn.btn-default.btn-lg{:href => "${1:#}", :role => "button"} ${2:Large button} 649 | 650 | snippet btnsm Bootstrap 651 | %button.btn.btn-default.btn-sm{:type => "button"} ${1:Small button} 652 | 653 | snippet abtnsm Bootstrap 654 | %a.btn.btn-default.btn-sm{:href => "${1:#}", :role => "button"} ${2:Small button} 655 | 656 | snippet btnxs Bootstrap 657 | %button.btn.btn-default.btn-xs{:type => "button"} ${1:Extra small button} 658 | 659 | snippet abtnxs Bootstrap 660 | %a.btn.btn-default.btn-xs{:href => "${1:#}", :role => "button"} ${2:Extra small button} 661 | 662 | snippet btnblock Bootstrap 663 | %button.btn.btn-default.btn-block{:type => "button"} ${1:Block level button} 664 | 665 | snippet abtnblock Bootstrap 666 | %a.btn.btn-default.btn-block{:href => "${1:#}", :role => "button"} ${2:Block level button} 667 | 668 | snippet btnactive Bootstrap 669 | %button.btn.btn-default.active{:type => "button"} ${1:Button} 670 | 671 | snippet abtnactive Bootstrap 672 | %a.btn.btn-default.active{:href => "${1:#}", :role => "button"} ${2:Link} 673 | 674 | snippet btndisabled Bootstrap 675 | %button.btn.btn-default{:disabled => "disabled", :type => "button"} ${1:Button} 676 | 677 | snippet abtndisabled Bootstrap 678 | %a.btn.btn-default.disabled{:href => "${1:#}", :role => "button"} ${2:Link} 679 | 680 | snippet imgresponsive Bootstrap 681 | %img.img-responsive{:alt => "${2:Responsive image}", :src => "${1:...}"} 682 | 683 | snippet imgrounded Bootstrap 684 | %img.img-rounded{:alt => "${2:...}", :src => "${1:...}"} 685 | 686 | snippet imgcircle Bootstrap 687 | %img.img-circle{:alt => "${2:...}", :src => "${1:...}"} 688 | 689 | snippet imgthumbnail Bootstrap 690 | %img.img-thumbnail{:alt => "${2:...}", :src => "${1:...}"} 691 | 692 | snippet textmuted Bootstrap 693 | %p.text-muted ${1:...} 694 | 695 | snippet textprimary Bootstrap 696 | %p.text-primary ${1:...} 697 | 698 | snippet textsuccess Bootstrap 699 | %p.text-success ${1:...} 700 | 701 | snippet textinfo Bootstrap 702 | %p.text-info ${1:...} 703 | 704 | snippet textwarning Bootstrap 705 | %p.text-warning ${1:...} 706 | 707 | snippet textdanger Bootstrap 708 | %p.text-danger ${1:...} 709 | 710 | snippet bgprimary Bootstrap 711 | %p.bg-primary ${1:...} 712 | 713 | snippet bgsuccess Bootstrap 714 | %p.bg-success ${1:...} 715 | 716 | snippet bginfo Bootstrap 717 | %p.bg-info ${1:...} 718 | 719 | snippet bgwarning Bootstrap 720 | %p.bg-warning ${1:...} 721 | 722 | snippet bgdanger Bootstrap 723 | %p.bg-danger ${1:...} 724 | 725 | snippet close Bootstrap 726 | %button.close{"aria-label" => "Close", :type => "button"} 727 | %span{"aria-hidden" => "true"} × 728 | 729 | snippet caret Bootstrap 730 | %span.caret 731 | 732 | snippet pullleft Bootstrap 733 | .pull-left ${1:...} 734 | 735 | snippet pullright Bootstrap 736 | .pull-right ${1:...} 737 | 738 | snippet centerblock Bootstrap 739 | .center-block ${1:...} 740 | 741 | snippet clearfix Bootstrap 742 | .clearfix ${1:...} 743 | 744 | snippet show Bootstrap 745 | .show ${1:...} 746 | 747 | snippet hidden Bootstrap 748 | .hidden ${1:...} 749 | 750 | snippet invisible Bootstrap 751 | .invisible ${1:...} 752 | 753 | snippet sronlyfocusable Bootstrap 754 | %a.sr-only.sr-only-focusable{:href => "${1:#content}"} ${2:Skip to main content} 755 | 756 | snippet texthide Bootstrap 757 | %h1.text-hide ${1:Custom heading} 758 | 759 | snippet hiddenxs Bootstrap 760 | .hidden-xs ${1:...} 761 | 762 | snippet hiddensm Bootstrap 763 | .hidden-sm ${1:...} 764 | 765 | snippet hiddenmd Bootstrap 766 | .hidden-md ${1:...} 767 | 768 | snippet hiddenlg Bootstrap 769 | .hidden-lg ${1:...} 770 | 771 | snippet visiblexsblock Bootstrap 772 | .visible-xs-block ${1:...} 773 | 774 | snippet visiblexsinline Bootstrap 775 | .visible-xs-inline ${1:...} 776 | 777 | snippet visiblexsinlineblock Bootstrap 778 | .visible-xs-inline-block ${1:...} 779 | 780 | snippet visiblesmblock Bootstrap 781 | .visible-sm-block ${1:...} 782 | 783 | snippet visiblesminline Bootstrap 784 | .visible-sm-inline ${1:...} 785 | 786 | snippet visiblesminlineblock Bootstrap 787 | .visible-sm-inline-block ${1:...} 788 | 789 | snippet visiblemdblock Bootstrap 790 | .visible-md-block ${1:...} 791 | 792 | snippet visiblemdinline Bootstrap 793 | .visible-md-inline ${1:...} 794 | 795 | snippet visiblemdinlineblock Bootstrap 796 | .visible-md-inline-block ${1:...} 797 | 798 | snippet visiblelgblock Bootstrap 799 | .visible-lg-block ${1:...} 800 | 801 | snippet visiblelginline Bootstrap 802 | .visible-lg-inline ${1:...} 803 | 804 | snippet visiblelginlineblock Bootstrap 805 | .visible-lg-inline-block ${1:...} 806 | 807 | snippet visibleprintblock Bootstrap 808 | .visible-print-block ${1:...} 809 | 810 | snippet visibleprintinline Bootstrap 811 | .visible-print-inline ${1:...} 812 | 813 | snippet visibleprintinlineblock Bootstrap 814 | .visible-print-inline-block ${1:...} 815 | 816 | snippet hiddenprint Bootstrap 817 | .hidden-print ${1:...} 818 | 819 | snippet glyphicon Bootstrap 820 | %span.glyphicon{"aria-hidden" => "true", :class => "glyphicon-${1:heart}"} 821 | 822 | snippet dropdown Bootstrap 823 | .dropdown 824 | %button.btn.btn-default.dropdown-toggle{"aria-expanded" => "true", "data-toggle" => "dropdown", :id => "${1:dropdownMenu1}", :type => "button"} 825 | ${2:Dropdown} 826 | %span.caret 827 | %ul.dropdown-menu{"aria-labelledby" => "$1", :role => "menu"} 828 | %li{:role => "presentation"} 829 | %a{:href => "${3:#}", :role => "menuitem", :tabindex => "-1"} ${4:Action} 830 | %li{:role => "presentation"} 831 | %a{:href => "${5:#}", :role => "menuitem", :tabindex => "-1"} ${6:Another action} 832 | 833 | snippet dropdownmenuright Bootstrap 834 | %ul.dropdown-menu.dropdown-menu-right{"aria-labelledby" => "${1:dLabel}", :role => "menu"} 835 | ${2:...} 836 | 837 | snippet dropdownheader Bootstrap 838 | %li.dropdown-header{:role => "presentation"} ${1:...} 839 | 840 | snippet divider Bootstrap 841 | %li.divider{:role => "presentation"} 842 | 843 | snippet lidisabled Bootstrap 844 | %li.disabled{:role => "presentation"} 845 | %a{:href => "${1:#}", :role => "menuitem", :tabindex => "-1"} ${2:...} 846 | 847 | snippet btngroup Bootstrap 848 | .btn-group{"aria-label" => "${1:...}", :role => "group"} 849 | %button.btn.btn-default{:type => "button"} ${2:Left} 850 | %button.btn.btn-default{:type => "button"} ${3:Middle} 851 | %button.btn.btn-default{:type => "button"} ${4:Right} 852 | 853 | snippet abtngroup Bootstrap 854 | .btn-group{"aria-label" => "${1:...}", :role => "group"} 855 | %a.btn.btn-default{:href => "${2:#}", :role => "button"} ${3:Left} 856 | %a.btn.btn-default{:href => "${4:#}", :role => "button"} ${5:Middle} 857 | %a.btn.btn-default{:href => "${6:#}", :role => "button"} ${7:Right} 858 | 859 | snippet btntoolbar Bootstrap 860 | .btn-toolbar{"aria-label" => "${1:...}", :role => "toolbar"} 861 | .btn-group{"aria-label" => "${2:...}", :role => "group"} ${3:...} 862 | .btn-group{"aria-label" => "${4:...}", :role => "group"} ${5:...} 863 | .btn-group{"aria-label" => "${6:...}", :role => "group"} ${7:...} 864 | 865 | snippet btngrouplg Bootstrap 866 | .btn-group.btn-group-lg{"aria-label" => "${1:...}", :role => "group"} ${2:...} 867 | 868 | snippet btngroupsm Bootstrap 869 | .btn-group.btn-group-sm{"aria-label" => "${1:...}", :role => "group"} ${2:...} 870 | 871 | snippet btngroupxs Bootstrap 872 | .btn-group.btn-group-xs{"aria-label" => "${1:...}", :role => "group"} ${2:...} 873 | 874 | snippet btngroupvertical Bootstrap 875 | .btn-group-vertical{"aria-label" => "${1:...}", :role => "group"} 876 | ${2:...} 877 | 878 | snippet btngroupjustified Bootstrap 879 | .btn-group.btn-group-justified{"aria-label" => "${1:...}", :role => "group"} 880 | .btn-group{:role => "group"} 881 | %button.btn.btn-default{:type => "button"} ${2:Left} 882 | .btn-group{:role => "group"} 883 | %button.btn.btn-default{:type => "button"} ${3:Middle} 884 | .btn-group{:role => "group"} 885 | %button.btn.btn-default{:type => "button"} ${4:Right} 886 | 887 | snippet abtngroupjustified Bootstrap 888 | .btn-group.btn-group-justified{"aria-label" => "${1:...}", :role => "group"} 889 | %a.btn.btn-default{:href => "#", :role => "button"} ${2:Left} 890 | %a.btn.btn-default{:href => "#", :role => "button"} ${3:Middle} 891 | %a.btn.btn-default{:href => "#", :role => "button"} ${4:Right} 892 | 893 | snippet btndropdown Bootstrap 894 | .btn-group 895 | %button.btn.btn-default.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :type => "button"} 896 | ${1:Action} 897 | %span.caret 898 | %ul.dropdown-menu{:role => "menu"} 899 | %li 900 | %a{:href => "${1:#}"} ${2:Action} 901 | %li 902 | %a{:href => "${3:#}"} ${4:Another action} 903 | %li 904 | %a{:href => "${5:#}"} ${6:Something else here} 905 | %li.divider 906 | %li 907 | %a{:href => "${7:#}"} ${8:Separated link} 908 | 909 | snippet btndropdownsplit Bootstrap 910 | .btn-group 911 | %button.btn.btn-danger{:type => "button"} ${1:Action} 912 | %button.btn.btn-danger.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :type => "button"} 913 | %span.caret 914 | %span.sr-only Toggle Dropdown 915 | %ul.dropdown-menu{:role => "menu"} 916 | %li 917 | %a{:href => "${1:#}"} ${2:Action} 918 | %li 919 | %a{:href => "${3:#}"} ${4:Another} action 920 | %li 921 | %a{:href => "${5:#}"} ${6:Something} else here 922 | %li.divider 923 | %li 924 | %a{:href => "${7:#}"} ${8:Separated} link 925 | 926 | snippet btndropup Bootstrap 927 | .btn-group.dropup 928 | %button.btn.btn-default{:type => "button"} ${1:Dropup} 929 | %button.btn.btn-default.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :type => "button"} 930 | %span.caret 931 | %span.sr-only Toggle Dropdown 932 | %ul.dropdown-menu{:role => "menu"} 933 | ${2:/Dropdown menu links} 934 | 935 | snippet inputgroup Bootstrap 936 | .input-group 937 | %span.input-group-addon ${1:$} 938 | %input.form-control{"aria-label" => "${2:Amount (to the nearest dollar)}", :type => "text"} 939 | %span.input-group-addon ${3:.00} 940 | 941 | snippet inputgrouplg Bootstrap 942 | .input-group.input-group-lg 943 | %span.input-group-addon{:id => "${1:sizing-addon1}"} ${2:@} 944 | %input.form-control{"aria-describedby" => "$1", :placeholder => "${3:Username}", :type => "text"} 945 | 946 | snippet inputgroupsm Bootstrap 947 | .input-group.input-group-sm 948 | %span.input-group-addon{:id => "${1:sizing-addon3}"} ${2:@} 949 | %input.form-control{"aria-describedby" => "$1", :placeholder => "${3:Username}", :type => "text"} 950 | 951 | snippet inputgroupcheckbox Bootstrap 952 | .input-group 953 | %span.input-group-addon 954 | %input{"aria-label" => "${1:...}", :type => "checkbox"} 955 | %input.form-control{"aria-label" => "${2:...}", :type => "text"} 956 | 957 | snippet inputgroupradio Bootstrap 958 | .input-group 959 | %span.input-group-addon 960 | %input{"aria-label" => "${1:...}", :type => "radio"} 961 | %input.form-control{"aria-label" => "${2:...}", :type => "text"} 962 | 963 | snippet inputgroupbtn Bootstrap 964 | .input-group 965 | %input.form-control{:placeholder => "${1:Search for...}", :type => "text"} 966 | %span.input-group-btn 967 | %button.btn.btn-default{:type => "button"} ${2:Go!} 968 | 969 | snippet inputgroupbtndropdown Bootstrap 970 | .input-group 971 | %input.form-control{"aria-label" => "${1:...}", :type => "text"} 972 | .input-group-btn 973 | %button.btn.btn-default.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :type => "button"} 974 | ${2:Action} 975 | %span.caret 976 | %ul.dropdown-menu.dropdown-menu-right{:role => "menu"} 977 | %li 978 | %a{:href => "${3:#}"} ${4:Action} 979 | %li 980 | %a{:href => "${5:#}"} ${6:Another action} 981 | %li 982 | %a{:href => "${6:#}"} ${8:Something else here} 983 | %li.divider 984 | %li 985 | %a{:href => "${9:#}"} ${10:Separated link} 986 | 987 | snippet navtabs Bootstrap 988 | %ul.nav.nav-tabs 989 | %li.active{:role => "presentation"} 990 | %a{:href => "${1:#}"} ${2:Home} 991 | %li{:role => "presentation"} 992 | %a{:href => "${3:#}"} ${4:Profile} 993 | %li{:role => "presentation"} 994 | %a{:href => "${5:#}"} ${6:Messages} 995 | 996 | snippet navpills Bootstrap 997 | %ul.nav.nav-pills 998 | %li.active{:role => "presentation"} 999 | %a{:href => "${1:#}"} ${2:Home} 1000 | %li{:role => "presentation"} 1001 | %a{:href => "${3:#}"} ${4:Profile} 1002 | %li{:role => "presentation"} 1003 | %a{:href => "${5:#}"} ${6:Messages} 1004 | 1005 | snippet navpillsstacked Bootstrap 1006 | %ul.nav.nav-pills.nav-stacked 1007 | ${1:...} 1008 | 1009 | snippet navtabsjustified Bootstrap 1010 | %ul.nav.nav-tabs.nav-justified 1011 | ${1:...} 1012 | 1013 | snippet navpillsjustified Bootstrap 1014 | %ul.nav.nav-pills.nav-justified 1015 | ${1:...} 1016 | 1017 | snippet navtabsdropdown Bootstrap 1018 | %ul.nav.nav-tabs 1019 | %li.dropdown{:role => "presentation"} 1020 | %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#", :role => "button"} 1021 | ${1:Dropdown} 1022 | %span.caret 1023 | %ul.dropdown-menu{:role => "menu"} 1024 | ${2:...} 1025 | 1026 | snippet navpillsdropdown Bootstrap 1027 | %ul.nav.nav-pills 1028 | %li.dropdown{:role => "presentation"} 1029 | %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#", :role => "button"} 1030 | ${1:Dropdown} 1031 | %span.caret 1032 | %ul.dropdown-menu{:role => "menu"} 1033 | ${2:...} 1034 | 1035 | snippet navbar Bootstrap 1036 | %nav.navbar.navbar-default 1037 | .container-fluid 1038 | / Brand and toggle get grouped for better mobile display 1039 | .navbar-header 1040 | %button.navbar-toggle.collapsed{"data-target" => "#bs-example-navbar-collapse-1", "data-toggle" => "collapse", :type => "button"} 1041 | %span.sr-only Toggle navigation 1042 | %span.icon-bar 1043 | %span.icon-bar 1044 | %span.icon-bar 1045 | %a.navbar-brand{:href => "#"} Brand 1046 | / Collect the nav links, forms, and other content for toggling 1047 | #bs-example-navbar-collapse-1.collapse.navbar-collapse 1048 | %ul.nav.navbar-nav 1049 | %li.active 1050 | %a{:href => "#"} 1051 | Link 1052 | %span.sr-only (current) 1053 | %li 1054 | %a{:href => "#"} Link 1055 | %li.dropdown 1056 | %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#", :role => "button"} 1057 | Dropdown 1058 | %span.caret 1059 | %ul.dropdown-menu{:role => "menu"} 1060 | %li 1061 | %a{:href => "#"} Action 1062 | %li 1063 | %a{:href => "#"} Another action 1064 | %li 1065 | %a{:href => "#"} Something else here 1066 | %li.divider 1067 | %li 1068 | %a{:href => "#"} Separated link 1069 | %li.divider 1070 | %li 1071 | %a{:href => "#"} One more separated link 1072 | %form.navbar-form.navbar-left{:role => "search"} 1073 | .form-group 1074 | %input.form-control{:placeholder => "Search", :type => "text"} 1075 | %button.btn.btn-default{:type => "submit"} Submit 1076 | %ul.nav.navbar-nav.navbar-right 1077 | %li 1078 | %a{:href => "#"} Link 1079 | %li.dropdown 1080 | %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#", :role => "button"} 1081 | Dropdown 1082 | %span.caret 1083 | %ul.dropdown-menu{:role => "menu"} 1084 | %li 1085 | %a{:href => "#"} Action 1086 | %li 1087 | %a{:href => "#"} Another action 1088 | %li 1089 | %a{:href => "#"} Something else here 1090 | %li.divider 1091 | %li 1092 | %a{:href => "#"} Separated link 1093 | 1094 | snippet navbarform Bootstrap 1095 | %form.navbar-form.navbar-left{:role => "search"} 1096 | .form-group 1097 | %input.form-control{:placeholder => "${1:Search}", :type => "text"} 1098 | %button.btn.btn-default{:type => "submit"} ${2:Submit} 1099 | 1100 | snippet navbarbtn Bootstrap 1101 | %button.btn.btn-default.navbar-btn{:type => "button"} ${1:Sign in} 1102 | 1103 | snippet navbartext Bootstrap 1104 | %p.navbar-text ${1:Signed in as Mark Otto} 1105 | 1106 | snippet navbarlink Bootstrap 1107 | %a.navbar-link{:href => "${1:#}"} ${2:Mark Otto} 1108 | 1109 | snippet navbarfixedtop Bootstrap 1110 | %nav.navbar.navbar-default.navbar-fixed-top 1111 | .container 1112 | ${1:...} 1113 | 1114 | snippet navbarfixedbottom Bootstrap 1115 | %nav.navbar.navbar-default.navbar-fixed-bottom 1116 | .container 1117 | ${1:...} 1118 | 1119 | snippet navbarstatictop Bootstrap 1120 | %nav.navbar.navbar-default.navbar-static-top 1121 | .container 1122 | ${1:...} 1123 | 1124 | snippet navbarinverse Bootstrap 1125 | %nav.navbar.navbar-inverse 1126 | ${1:...} 1127 | 1128 | snippet breadcrumb Bootstrap 1129 | %ol.breadcrumb 1130 | %li 1131 | %a{:href => "${1:#}"} ${2:Home} 1132 | %li 1133 | %a{:href => "${3:#}"} ${4:Library} 1134 | %li.active ${5:Data} 1135 | 1136 | snippet pagination Bootstrap 1137 | %nav 1138 | %ul.pagination 1139 | %li.disabled 1140 | %a{"aria-label" => "Previous", :href => "#"} 1141 | %span{"aria-hidden" => "true"} « 1142 | %li.active 1143 | %a{:href => "#"} 1 1144 | %li 1145 | %a{:href => "#"} 2 1146 | %li 1147 | %a{:href => "#"} 3 1148 | %li 1149 | %a{:href => "#"} 4 1150 | %li 1151 | %a{:href => "#"} 5 1152 | %li 1153 | %a{"aria-label" => "Next", :href => "#"} 1154 | %span{"aria-hidden" => "true"} » 1155 | 1156 | snippet paginationlg Bootstrap 1157 | %nav 1158 | %ul.pagination.pagination-lg ${1:...} 1159 | 1160 | snippet paginationsm Bootstrap 1161 | %nav 1162 | %ul.pagination.pagination-sm ${1:...} 1163 | 1164 | snippet pager Bootstrap 1165 | %nav 1166 | %ul.pager 1167 | %li 1168 | %a{:href => "${1:#}"} ${2:Previous} 1169 | %li 1170 | %a{:href => "${3:#}"} ${4:Next} 1171 | 1172 | snippet pageraligned Bootstrap 1173 | %nav 1174 | %ul.pager 1175 | %li.previous 1176 | %a{:href => "${1:#}"} 1177 | %span{"aria-hidden" => "true"} ← 1178 | ${2:Older} 1179 | %li.next 1180 | %a{:href => "${3:#}"} 1181 | ${4:Newer} 1182 | %span{"aria-hidden" => "true"} → 1183 | 1184 | snippet label Bootstrap 1185 | %span.label.label-default ${1:Default} 1186 | 1187 | snippet labeldefault Bootstrap 1188 | %span.label.label-default ${1:Default} 1189 | 1190 | snippet labelprimary Bootstrap 1191 | %span.label.label-primary ${1:Primary} 1192 | 1193 | snippet labelsuccess Bootstrap 1194 | %span.label.label-success ${1:Success} 1195 | 1196 | snippet labelinfo Bootstrap 1197 | %span.label.label-info ${1:Info} 1198 | 1199 | snippet labelwarning Bootstrap 1200 | %span.label.label-warning ${1:Warning} 1201 | 1202 | snippet labeldanger Bootstrap 1203 | %span.label.label-danger ${1:Danger} 1204 | 1205 | snippet badge Bootstrap 1206 | %a{:href => "${1:#}"} 1207 | ${2:Inbox} 1208 | %span.badge ${3:42} 1209 | 1210 | snippet badgebtn Bootstrap 1211 | %button.btn.btn-primary{:type => "button"} 1212 | ${1:Messages} 1213 | %span.badge ${2:4} 1214 | 1215 | snippet badgenav Bootstrap 1216 | %ul.nav.nav-pills{:role => "tablist"} 1217 | %li.active{:role => "presentation"} 1218 | %a{:href => "${1:#}"} 1219 | ${2:Home} 1220 | %span.badge ${3:42} 1221 | %li{:role => "presentation"} 1222 | %a{:href => "${4:#}"} ${5:Profile} 1223 | %li{:role => "presentation"} 1224 | %a{:href => "${6:#}"} 1225 | ${7:Messages} 1226 | %span.badge ${8:3} 1227 | 1228 | snippet jumbotron Bootstrap 1229 | .jumbotron 1230 | %h1 ${1:Hello, world!} 1231 | %p ${2:...} 1232 | %p 1233 | %a.btn.btn-primary.btn-lg{:href => "${3:#}", :role => "button"} ${4:Learn more} 1234 | 1235 | snippet jumbotroncontainer Bootstrap 1236 | .jumbotron 1237 | .container 1238 | ${1:...} 1239 | 1240 | snippet pageheader Bootstrap 1241 | .page-header 1242 | %h1 1243 | ${1:Example page header} 1244 | %small ${2:Subtext for header} 1245 | 1246 | snippet thumbnail Bootstrap 1247 | %a.thumbnail{:href => "${1:#}"} 1248 | %img{:alt => "${3:...}", :src => "${2:...}"} 1249 | 1250 | snippet thumbnailcontent Bootstrap 1251 | .thumbnail 1252 | %img{:alt => "${2:...}", :src => "${1:...}"} 1253 | .caption 1254 | %h3 ${3:Thumbnail label} 1255 | %p ${4:...} 1256 | %p 1257 | %a.btn.btn-primary{:href => "${5:#}", :role => "button"} ${6:Button} 1258 | %a.btn.btn-default{:href => "${7:#}", :role => "button"} ${8:Button} 1259 | 1260 | snippet alert Bootstrap 1261 | .alert.alert-success{:role => "alert"} ${1:...} 1262 | 1263 | snippet alertsuccess Bootstrap 1264 | .alert.alert-success{:role => "alert"} ${1:...} 1265 | 1266 | snippet alertinfo Bootstrap 1267 | .alert.alert-info{:role => "alert"} ${1:...} 1268 | 1269 | snippet alertwarning Bootstrap 1270 | .alert.alert-warning{:role => "alert"} ${1:...} 1271 | 1272 | snippet alertdanger Bootstrap 1273 | .alert.alert-danger{:role => "alert"} ${1:...} 1274 | 1275 | snippet alertdismissible Bootstrap 1276 | .alert.alert-dismissible{:class => "alert-${1:warning}", :role => "alert"} 1277 | %button.close{"aria-label" => "Close", "data-dismiss" => "alert", :type => "button"} 1278 | %span{"aria-hidden" => "true"} × 1279 | %strong ${2:Warning!} 1280 | ${3:Better check yourself, you're not looking too good.} 1281 | 1282 | snippet alertlink Bootstrap 1283 | .alert.alert-success{:role => "alert"} 1284 | %a.alert-link{:href => "${1:#}"} ${2:...} 1285 | 1286 | snippet progress Bootstrap 1287 | .progress 1288 | .progress-bar{"aria-valuemax" => "${3:100}", "aria-valuemin" => "${2:0}", "aria-valuenow" => "${1:60}", :role => "progressbar", :style => "width: $1%;"} 1289 | %span.sr-only $1% Complete 1290 | 1291 | snippet progresssuccess Bootstrap 1292 | .progress 1293 | .progress-bar.progress-bar-success{"aria-valuemax" => "${3:100}", "aria-valuemin" => "${2:0}", "aria-valuenow" => "${1:40}", :role => "progressbar", :style => "width: $1%"} 1294 | %span.sr-only $1% Complete 1295 | 1296 | snippet progressinfo Bootstrap 1297 | .progress 1298 | .progress-bar.progress-bar-info{"aria-valuemax" => "${3:100}", "aria-valuemin" => "${2:0}", "aria-valuenow" => "${1:20}", :role => "progressbar", :style => "width: $1%"} 1299 | %span.sr-only $1% Complete 1300 | 1301 | snippet progresswarning Bootstrap 1302 | .progress 1303 | .progress-bar.progress-bar-warning{"aria-valuemax" => "${3:100}", "aria-valuemin" => "${2:0}", "aria-valuenow" => "${1:60}", :role => "progressbar", :style => "width: $1%"} 1304 | %span.sr-only $1% Complete 1305 | 1306 | snippet progressdanger Bootstrap 1307 | .progress 1308 | .progress-bar.progress-bar-danger{"aria-valuemax" => "${3:100}", "aria-valuemin" => "${2:0}", "aria-valuenow" => "${1:80}", :role => "progressbar", :style => "width: $1%"} 1309 | %span.sr-only $1% Complete 1310 | 1311 | snippet progressstriped Bootstrap 1312 | .progress 1313 | .progress-bar.progress-bar-success.progress-bar-striped{"aria-valuemax" => "${3:100}", "aria-valuemin" => "${2:0}", "aria-valuenow" => "${1:40}", :role => "progressbar", :style => "width: $1%"} 1314 | %span.sr-only $1% Complete 1315 | 1316 | snippet progressstripedactive Bootstrap 1317 | .progress 1318 | .progress-bar.progress-bar-striped.active{"aria-valuemax" => "${3:100}", "aria-valuemin" => "${2:0}", "aria-valuenow" => "${1:45}", :role => "progressbar", :style => "width: $1%"} 1319 | %span.sr-only $1% Complete 1320 | 1321 | snippet progressstacked Bootstrap 1322 | .progress 1323 | .progress-bar.progress-bar-success{:style => "width: ${1:35}%"} 1324 | %span.sr-only $1% Complete (success) 1325 | .progress-bar.progress-bar-warning.progress-bar-striped{:style => "width: ${2:20}%"} 1326 | %span.sr-only $2% Complete (warning) 1327 | .progress-bar.progress-bar-danger{:style => "width: ${3:10}%"} 1328 | %span.sr-only $3% Complete (danger) 1329 | 1330 | snippet media Bootstrap 1331 | .media 1332 | .media-left 1333 | %a{:href => "${1:#}"} 1334 | %img.media-object{:alt => "${3:...}", :src => "${2:...}"} 1335 | .media-body 1336 | %h4.media-heading ${4:Media heading} 1337 | ${5:...} 1338 | 1339 | snippet medialeft Bootstrap 1340 | .media-left 1341 | %a{:href => "${1:#}"} 1342 | %img.media-object{:alt => "${3:...}", :src => "${2:...}"} 1343 | 1344 | snippet mediabody Bootstrap 1345 | .media-body 1346 | %h4.media-heading ${1:Media heading} 1347 | ${2:...} 1348 | 1349 | snippet mediaright Bootstrap 1350 | .media-right 1351 | %a{:href => "${1:#}"} 1352 | %img.media-object{:alt => "${3:...}", :src => "${2:...}"} 1353 | 1354 | snippet mediamiddle Bootstrap 1355 | .media-left.media-middle 1356 | %a{:href => "${1:#}"} 1357 | %img.media-object{:alt => "${3:...}", :src => "${2:...}"} 1358 | 1359 | snippet mediabottom Bootstrap 1360 | .media-left.media-bottom 1361 | %a{:href => "${1:#}"} 1362 | %img.media-object{:alt => "${3:...}", :src => "${2:...}"} 1363 | 1364 | snippet medialist Bootstrap 1365 | %ul.media-list 1366 | %li.media 1367 | .media-left 1368 | %a{:href => "${1:#}"} 1369 | %img.media-object{:alt => "${3:...}", :src => "${2:...}"} 1370 | .media-body 1371 | %h4.media-heading ${4:Media heading} 1372 | ${5:...} 1373 | 1374 | snippet listgroup Bootstrap 1375 | %ul.list-group 1376 | %li.list-group-item ${1:Cras justo odio} 1377 | %li.list-group-item ${2:Dapibus ac facilisis in} 1378 | %li.list-group-item ${3:Morbi leo risus} 1379 | %li.list-group-item ${4:Porta ac consectetur ac} 1380 | %li.list-group-item ${5:Vestibulum at eros} 1381 | 1382 | snippet listgroupitem Bootstrap 1383 | %li.list-group-item ${1:Cras justo odio} 1384 | 1385 | snippet listgroupitembadge Bootstrap 1386 | %li.list-group-item 1387 | %span.badge ${1:14} 1388 | ${2:Cras justo odio} 1389 | 1390 | snippet alistgroupitem Bootstrap 1391 | %a.list-group-item.active{:href => "${1:#}"} ${2:Cras justo odio} 1392 | 1393 | snippet listgroupitemdisabled Bootstrap 1394 | %a.list-group-item.disabled{:href => "${1:#}"} ${2:Cras justo odio} 1395 | 1396 | snippet listgroupitemsuccess Bootstrap 1397 | %li.list-group-item.list-group-item-success ${1:Dapibus ac facilisis in} 1398 | 1399 | snippet listgroupiteminfo Bootstrap 1400 | %li.list-group-item.list-group-item-info ${1:Cras sit amet nibh libero} 1401 | 1402 | snippet listgroupitemwarning Bootstrap 1403 | %li.list-group-item.list-group-item-warning ${1:Porta ac consectetur ac} 1404 | 1405 | snippet listgroupitemdanger Bootstrap 1406 | %li.list-group-item.list-group-item-danger ${1:Vestibulum at eros} 1407 | 1408 | snippet alistgroupitemsuccess Bootstrap 1409 | %a.list-group-item.list-group-item-success{:href => "${1:#}"} ${2:Dapibus ac facilisis in} 1410 | 1411 | snippet alistgroupiteminfo Bootstrap 1412 | %a.list-group-item.list-group-item-info{:href => "${1:#}"} ${2:Cras sit amet nibh libero} 1413 | 1414 | snippet alistgroupitemwarning Bootstrap 1415 | %a.list-group-item.list-group-item-warning{:href => "${1:#}"} ${2:Porta ac consectetur ac} 1416 | 1417 | snippet alistgroupitemdanger Bootstrap 1418 | %a.list-group-item.list-group-item-danger{:href => "${1:#}"} ${2:Vestibulum at eros} 1419 | 1420 | snippet listgroupitemcontent Bootstrap 1421 | %li.list-group-item 1422 | %h4.list-group-item-heading ${1:List group item heading} 1423 | %p.list-group-item-text ${2:...} 1424 | 1425 | snippet alistgroupitemcontent Bootstrap 1426 | %a.list-group-item.active{:href => "${1:#}"} 1427 | %h4.list-group-item-heading ${2:List group item heading} 1428 | %p.list-group-item-text ${3:...} 1429 | 1430 | snippet panel Bootstrap 1431 | .panel.panel-default 1432 | .panel-body 1433 | ${1:Basic panel example} 1434 | 1435 | snippet panelheading Bootstrap 1436 | .panel-heading ${1:Panel heading without title} 1437 | 1438 | snippet panelheadingtitle Bootstrap 1439 | .panel-heading 1440 | %h3.panel-title ${1:Panel title} 1441 | 1442 | snippet panelbody Bootstrap 1443 | .panel-body 1444 | ${1:Panel content} 1445 | 1446 | snippet panelfooter Bootstrap 1447 | .panel-footer ${1:Panel footer} 1448 | 1449 | snippet paneldefault Bootstrap 1450 | .panel.panel-default 1451 | .panel-body 1452 | ${1:Basic panel example} 1453 | 1454 | snippet panelprimary Bootstrap 1455 | .panel.panel-primary ${1:...} 1456 | 1457 | snippet panelsuccess Bootstrap 1458 | .panel.panel-success ${1:...} 1459 | 1460 | snippet panelinfo Bootstrap 1461 | .panel.panel-info ${1:...} 1462 | 1463 | snippet panelwarning Bootstrap 1464 | .panel.panel-warning ${1:...} 1465 | 1466 | snippet paneldanger Bootstrap 1467 | .panel.panel-danger ${1:...} 1468 | 1469 | snippet paneltable Bootstrap 1470 | .panel.panel-default 1471 | / Default panel contents 1472 | .panel-heading ${1:Panel heading} 1473 | .panel-body 1474 | %p ${2:...} 1475 | / Table 1476 | %table.table 1477 | ${3:...} 1478 | 1479 | snippet panellistgroup Bootstrap 1480 | .panel.panel-default 1481 | / Default panel contents 1482 | .panel-heading ${1:Panel heading} 1483 | .panel-body 1484 | %p ${2:...} 1485 | / List group 1486 | %ul.list-group 1487 | %li.list-group-item ${3:Cras justo odio} 1488 | %li.list-group-item ${4:Dapibus ac facilisis in} 1489 | %li.list-group-item ${5:Morbi leo risus} 1490 | %li.list-group-item ${6:Porta ac consectetur ac} 1491 | %li.list-group-item ${7:Vestibulum at eros} 1492 | 1493 | snippet embedresponsive Bootstrap 1494 | / 16:9 aspect ratio 1495 | .embed-responsive.embed-responsive-16by9 1496 | %iframe.embed-responsive-item{:src => "${1:...}"} 1497 | / 4:3 aspect ratio 1498 | .embed-responsive.embed-responsive-4by3 1499 | %iframe.embed-responsive-item{:src => "${2:...}"} 1500 | 1501 | snippet well Bootstrap 1502 | .well ${1:...} 1503 | 1504 | snippet welllg Bootstrap 1505 | .well.well-lg ${1:...} 1506 | 1507 | snippet wellsm Bootstrap 1508 | .well.well-sm ${1:...} 1509 | 1510 | snippet modal Bootstrap 1511 | .modal.fade 1512 | .modal-dialog 1513 | .modal-content 1514 | .modal-header 1515 | %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button"} 1516 | %span{"aria-hidden" => "true"} × 1517 | %h4.modal-title ${1:Modal title} 1518 | .modal-body 1519 | %p ${2:One fine body…} 1520 | .modal-footer 1521 | %button.btn.btn-default{"data-dismiss" => "modal", :type => "button"} ${3:Close} 1522 | %button.btn.btn-primary{:type => "button"} ${4:Save changes} 1523 | 1524 | snippet modallg Bootstrap 1525 | .modal.fade.bs-example-modal-lg{"aria-hidden" => "true", "aria-labelledby" => "${1:myLargeModalLabel}", :role => "dialog", :tabindex => "-1"} 1526 | .modal-dialog.modal-lg 1527 | .modal-content 1528 | ${2:...} 1529 | 1530 | snippet modalsm Bootstrap 1531 | .modal.fade.bs-example-modal-sm{"aria-hidden" => "true", "aria-labelledby" => "${1:mySmallModalLabel}", :role => "dialog", :tabindex => "-1"} 1532 | .modal-dialog.modal-sm 1533 | .modal-content 1534 | ${2:...} 1535 | 1536 | snippet scrollspy Bootstrap 1537 | %div{:class => "${1:navbar-example}"} 1538 | %ul.nav.nav-tabs{:role => "tablist"} 1539 | ${2:...} 1540 | 1541 | snippet tabpanel Bootstrap 1542 | %div{:role => "tabpanel"} 1543 | / Nav tabs 1544 | %ul.nav.nav-tabs{:role => "tablist"} 1545 | %li.active{:role => "presentation"} 1546 | %a{"aria-controls" => "$1", "data-toggle" => "tab", :href => "#${1:home}", :role => "tab"} ${2:Home} 1547 | %li{:role => "presentation"} 1548 | %a{"aria-controls" => "$3", "data-toggle" => "tab", :href => "#${3:profile}", :role => "tab"} ${4:Profile} 1549 | %li{:role => "presentation"} 1550 | %a{"aria-controls" => "$5", "data-toggle" => "tab", :href => "#${5:messages}", :role => "tab"} ${6:Messages} 1551 | %li{:role => "presentation"} 1552 | %a{"aria-controls" => "$7", "data-toggle" => "tab", :href => "#${7:settings}", :role => "tab"} ${8:Settings} 1553 | / Tab panes 1554 | .tab-content 1555 | .tab-pane.active{:id => "$1", :role => "tabpanel"} ${9:...} 1556 | .tab-pane{:id => "$3", :role => "tabpanel"} ${10:...} 1557 | .tab-pane{:id => "$5", :role => "tabpanel"} ${11:...} 1558 | .tab-pane{:id => "$7", :role => "tabpanel"} ${12:...} 1559 | 1560 | snippet tooltip Bootstrap 1561 | %button.btn.btn-default{"data-toggle" => "tooltip", :title => "$1", :type => "button"} ${1:Tooltip on left} 1562 | 1563 | snippet atooltip Bootstrap 1564 | %a.btn.btn-default{"data-toggle" => "tooltip", :href => "${1:#}", :title => "$2"} ${2:Tooltip on left} 1565 | 1566 | snippet tooltiptop Bootstrap 1567 | %button.btn.btn-default{"data-placement" => "top", "data-toggle" => "tooltip", :title => "$1", :type => "button"} ${1:Tooltip on top} 1568 | 1569 | snippet atooltiptop Bootstrap 1570 | %a.btn.btn-default{"data-placement" => "top", "data-toggle" => "tooltip", :href => "${1:#}", :title => "$2"} ${2:Tooltip on top} 1571 | 1572 | snippet tooltipleft Bootstrap 1573 | %button.btn.btn-default{"data-placement" => "left", "data-toggle" => "tooltip", :title => "$1", :type => "button"} ${1:Tooltip on left} 1574 | 1575 | snippet atooltipleft Bootstrap 1576 | %a.btn.btn-default{"data-placement" => "left", "data-toggle" => "tooltip", :href => "${1:#}", :title => "$2"} ${2:Tooltip on left} 1577 | 1578 | snippet tooltipbottom Bootstrap 1579 | %button.btn.btn-default{"data-placement" => "bottom", "data-toggle" => "tooltip", :title => "$1", :type => "button"} ${1:Tooltip on bottom} 1580 | 1581 | snippet atooltipbottom Bootstrap 1582 | %a.btn.btn-default{"data-placement" => "bottom", "data-toggle" => "tooltip", :href => "${1:#}", :title => "$2"} ${2:Tooltip on bottom} 1583 | 1584 | snippet tooltipright Bootstrap 1585 | %button.btn.btn-default{"data-placement" => "right", "data-toggle" => "tooltip", :title => "$1", :type => "button"} ${1:Tooltip on right} 1586 | 1587 | snippet atooltipright Bootstrap 1588 | %a.btn.btn-default{"data-placement" => "right", "data-toggle" => "tooltip", :href => "${1:#}", :title => "$2"} ${2:Tooltip on right} 1589 | 1590 | snippet popover Bootstrap 1591 | %button.btn.btn-default{"data-content" => "${2:And here's some amazing content. It's very engaging. Right?}", "data-toggle" => "popover", :title => "${1:Popover title}", :type => "button"} ${3:Click to toggle popover} 1592 | 1593 | snippet apopover Bootstrap 1594 | %a.btn.btn-default{"data-content" => "${2:And here's some amazing content. It's very engaging. Right?}", "data-toggle" => "popover", :role => "button", :title => "${1:Dismissible popover}"} ${3:Dismissible popover} 1595 | 1596 | snippet popovertop Bootstrap 1597 | %button.btn.btn-default{"data-container" => "body", "data-content" => "${1:Vivamus sagittis lacus vel augue laoreet rutrum faucibus.}", "data-placement" => "top", "data-toggle" => "popover", :type => "button"} 1598 | ${2:Popover on top} 1599 | 1600 | snippet apopovertop Bootstrap 1601 | %a.btn.btn-default{"data-content" => "${2:And here's some amazing content. It's very engaging. Right?}", "data-placement" => "top", "data-toggle" => "popover", :role => "button", :title => "${1:Popover on top}"} ${3:Popover on top} 1602 | 1603 | snippet popoverleft Bootstrap 1604 | %button.btn.btn-default{"data-container" => "body", "data-content" => "${1:Vivamus sagittis lacus vel augue laoreet rutrum faucibus.}", "data-placement" => "left", "data-toggle" => "popover", :type => "button"} 1605 | ${2:Popover on left} 1606 | 1607 | snippet apopoverleft Bootstrap 1608 | %a.btn.btn-default{"data-content" => "${2:And here's some amazing content. It's very engaging. Right?}", "data-placement" => "left", "data-toggle" => "popover", :role => "button", :title => "${1:Popover on left}"} ${3:Popover on left} 1609 | 1610 | snippet popoverbottom Bootstrap 1611 | %button.btn.btn-default{"data-container" => "body", "data-content" => "${1:Vivamus sagittis lacus vel augue laoreet rutrum faucibus.}", "data-placement" => "bottom", "data-toggle" => "popover", :type => "button"} 1612 | ${2:Popover on bottom} 1613 | 1614 | snippet apopoverbottom Bootstrap 1615 | %a.btn.btn-default{"data-content" => "${2:And here's some amazing content. It's very engaging. Right?}", "data-placement" => "bottom", "data-toggle" => "popover", :role => "button", :title => "${1:Popover on bottom}"} ${3:Popover on bottom} 1616 | 1617 | snippet popoverright Bootstrap 1618 | %button.btn.btn-default{"data-container" => "body", "data-content" => "${1:Vivamus sagittis lacus vel augue laoreet rutrum faucibus.}", "data-placement" => "right", "data-toggle" => "popover", :type => "button"} 1619 | ${2:Popover on right} 1620 | 1621 | snippet apopoverright Bootstrap 1622 | %a.btn.btn-default{"data-content" => "${2:Vivamus sagittis lacus vel augue laoreet rutrum faucibus.}", "data-placement" => "right", "data-toggle" => "popover", :role => "button", :title => "${1:Popover on right}"} ${3:Popover on right} 1623 | 1624 | snippet apopoverdismissible Bootstrap 1625 | %a.btn.btn-default{"data-content" => "${2:And here's some amazing content. It's very engaging. Right?}", "data-toggle" => "popover", "data-trigger" => "focus", :role => "button", :tabindex => "0", :title => "${1:Dismissible popover}"} ${3:Dismissible popover} 1626 | 1627 | snippet btnstatetext Bootstrap 1628 | %button.btn.btn-default{:autocomplete => "off", "data-" => "", :id => "${1:myButton}", :type => "button"} 1629 | ${4:Loading state} 1630 | 1631 | snippet btnsingletoggle Bootstrap 1632 | %button.btn.btn-default{"aria-pressed" => "false", :autocomplete => "off", "data-toggle" => "button", :type => "button"} 1633 | ${1:Single toggle} 1634 | 1635 | snippet btngroupcheckbox Bootstrap 1636 | .btn-group{"data-toggle" => "buttons"} 1637 | %label.btn.btn-primary.active 1638 | %input{:autocomplete => "off", :checked => "checked", :type => "checkbox"} 1639 | ${1:Checkbox 1 (pre-checked)} 1640 | %label.btn.btn-primary 1641 | %input{:autocomplete => "off", :type => "checkbox"} 1642 | ${2:Checkbox 2} 1643 | %label.btn.btn-primary 1644 | %input{:autocomplete => "off", :type => "checkbox"} 1645 | ${3:Checkbox 3} 1646 | 1647 | snippet btngroupradio Bootstrap 1648 | .btn-group{"data-toggle" => "buttons"} 1649 | %label.btn.btn-primary.active 1650 | %input{:autocomplete => "off", :checked => "checked", :id => "${2:option1}", :name => "${1:options}", :type => "radio"} 1651 | ${3:Radio 1 (preselected)} 1652 | %label.btn.btn-primary 1653 | %input{:autocomplete => "off", :id => "${4:option2}", :name => "$1", :type => "radio"} 1654 | ${5:Radio 2} 1655 | %label.btn.btn-primary 1656 | %input{:autocomplete => "off", :id => "${6:option3}", :name => "$1", :type => "radio"} 1657 | ${7:Radio 3} 1658 | 1659 | snippet btncollapse Bootstrap 1660 | %button.btn.btn-primary{"aria-controls" => "$2", "aria-expanded" => "false", "data-target" => "#$2", "data-toggle" => "collapse", :type => "button"} 1661 | ${1:Button with data-target} 1662 | .collapse{:id => "${2:collapseExample}"} 1663 | .well 1664 | ${3:...} 1665 | 1666 | snippet abtncollapse Bootstrap 1667 | %a.btn.btn-primary{"aria-controls" => "$2", "aria-expanded" => "false", "data-toggle" => "collapse", :href => "#$2"} 1668 | ${1:Link with href} 1669 | .collapse{:id => "${2:collapseExample}"} 1670 | .well 1671 | ${3:...} 1672 | 1673 | snippet accordian Bootstrap 1674 | #accordion.panel-group{"aria-multiselectable" => "true", :role => "tablist"} 1675 | .panel.panel-default 1676 | #headingOne.panel-heading{:role => "tab"} 1677 | %h4.panel-title 1678 | %a{"aria-controls" => "collapseOne", "aria-expanded" => "true", "data-parent" => "#accordion", "data-toggle" => "collapse", :href => "#collapseOne"} 1679 | Collapsible Group Item #1 1680 | #collapseOne.panel-collapse.collapse.in{"aria-labelledby" => "headingOne", :role => "tabpanel"} 1681 | .panel-body 1682 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 1683 | .panel.panel-default 1684 | #headingTwo.panel-heading{:role => "tab"} 1685 | %h4.panel-title 1686 | %a.collapsed{"aria-controls" => "collapseTwo", "aria-expanded" => "false", "data-parent" => "#accordion", "data-toggle" => "collapse", :href => "#collapseTwo"} 1687 | Collapsible Group Item #2 1688 | #collapseTwo.panel-collapse.collapse{"aria-labelledby" => "headingTwo", :role => "tabpanel"} 1689 | .panel-body 1690 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 1691 | .panel.panel-default 1692 | #headingThree.panel-heading{:role => "tab"} 1693 | %h4.panel-title 1694 | %a.collapsed{"aria-controls" => "collapseThree", "aria-expanded" => "false", "data-parent" => "#accordion", "data-toggle" => "collapse", :href => "#collapseThree"} 1695 | Collapsible Group Item #3 1696 | #collapseThree.panel-collapse.collapse{"aria-labelledby" => "headingThree", :role => "tabpanel"} 1697 | .panel-body 1698 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 1699 | 1700 | snippet carousel Bootstrap 1701 | #carousel-example-generic.carousel.slide{"data-ride" => "carousel"} 1702 | / Indicators 1703 | %ol.carousel-indicators 1704 | %li.active{"data-slide-to" => "0", "data-target" => "#carousel-example-generic"} 1705 | %li{"data-slide-to" => "1", "data-target" => "#carousel-example-generic"} 1706 | %li{"data-slide-to" => "2", "data-target" => "#carousel-example-generic"} 1707 | / Wrapper for slides 1708 | .carousel-inner{:role => "listbox"} 1709 | .item.active 1710 | %img{:alt => "...", :src => "..."} 1711 | .carousel-caption 1712 | \... 1713 | .item 1714 | %img{:alt => "...", :src => "..."} 1715 | .carousel-caption 1716 | \... 1717 | \... 1718 | / Controls 1719 | %a.left.carousel-control{"data-slide" => "prev", :href => "#carousel-example-generic", :role => "button"} 1720 | %span.glyphicon.glyphicon-chevron-left{"aria-hidden" => "true"} 1721 | %span.sr-only Previous 1722 | %a.right.carousel-control{"data-slide" => "next", :href => "#carousel-example-generic", :role => "button"} 1723 | %span.glyphicon.glyphicon-chevron-right{"aria-hidden" => "true"} 1724 | %span.sr-only Next 1725 | 1726 | snippet affix Bootstrap 1727 | %div{"data-offset-bottom" => "${2:200}", "data-offset-top" => "${1:60}", "data-spy" => "affix"} 1728 | ${3:...} 1729 | 1730 | -------------------------------------------------------------------------------- /snippets/html.snippets: -------------------------------------------------------------------------------- 1 | snippet bootstrapcdn Bootstrap 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | snippet basictemplate Bootstrap 13 | 14 | 15 | 16 | 17 | 18 | 19 | Bootstrap 101 Template 20 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 31 | 32 | Hello, world! 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | snippet html5 Bootstrap 44 | 45 | 46 | ${1:...} 47 | 48 | 49 | 50 | snippet viewport Bootstrap 51 | 52 | 53 | snippet viewportnozoom Bootstrap 54 | 55 | 56 | 57 | snippet container Bootstrap 58 | 59 | ${1:...} 60 | 61 | 62 | snippet containerfluid Bootstrap 63 | 64 | ${1:...} 65 | 66 | 67 | 68 | snippet row Bootstrap 69 | 70 | ${1:...} 71 | 72 | 73 | snippet colxs Bootstrap 74 | 75 | ${2:...} 76 | 77 | 78 | snippet colsm Bootstrap 79 | 80 | ${2:...} 81 | 82 | 83 | snippet colmd Bootstrap 84 | 85 | ${2:...} 86 | 87 | 88 | snippet collg Bootstrap 89 | 90 | ${2:...} 91 | 92 | 93 | snippet colxsoffset Bootstrap 94 | 95 | ${2:...} 96 | 97 | 98 | snippet colsmoffset Bootstrap 99 | 100 | ${2:...} 101 | 102 | 103 | snippet colmdoffset Bootstrap 104 | 105 | ${2:...} 106 | 107 | 108 | snippet collgoffset Bootstrap 109 | 110 | ${2:...} 111 | 112 | 113 | snippet colxspush Bootstrap 114 | 115 | ${2:...} 116 | 117 | 118 | snippet colsmpush Bootstrap 119 | 120 | ${2:...} 121 | 122 | 123 | snippet colmdpush Bootstrap 124 | 125 | ${2:...} 126 | 127 | 128 | snippet collgpush Bootstrap 129 | 130 | ${2:...} 131 | 132 | 133 | snippet colxspull Bootstrap 134 | 135 | ${2:...} 136 | 137 | 138 | snippet colsmpull Bootstrap 139 | 140 | ${2:...} 141 | 142 | 143 | snippet colmdpull Bootstrap 144 | 145 | ${2:...} 146 | 147 | 148 | snippet collgpull Bootstrap 149 | 150 | ${2:...} 151 | 152 | 153 | 154 | snippet h1 Bootstrap 155 | ${1:Bootstrap heading} 156 | 157 | snippet h2 Bootstrap 158 | ${1:Bootstrap heading} 159 | 160 | snippet h3 Bootstrap 161 | ${1:Bootstrap heading} 162 | 163 | snippet h4 Bootstrap 164 | ${1:Bootstrap heading} 165 | 166 | snippet h5 Bootstrap 167 | ${1:Bootstrap heading} 168 | 169 | snippet h6 Bootstrap 170 | ${1:Bootstrap heading} 171 | 172 | 173 | snippet h1small Bootstrap 174 | ${1:Bootstrap heading} ${2:Secondary text} 175 | 176 | snippet h2small Bootstrap 177 | ${1:Bootstrap heading} ${2:Secondary text} 178 | 179 | snippet h3small Bootstrap 180 | ${1:Bootstrap heading} ${2:Secondary text} 181 | 182 | snippet h4small Bootstrap 183 | ${1:Bootstrap heading} ${2:Secondary text} 184 | 185 | snippet h5small Bootstrap 186 | ${1:Bootstrap heading} ${2:Secondary text} 187 | 188 | snippet h6small Bootstrap 189 | ${1:Bootstrap heading} ${2:Secondary text} 190 | 191 | snippet p Bootstrap 192 | ${1:...} 193 | 194 | snippet lead Bootstrap 195 | ${1:...} 196 | 197 | snippet mark Bootstrap 198 | ${1:hightlight} 199 | 200 | snippet del Bootstrap 201 | ${1:This line of text is meant to be treated as deleted text.} 202 | 203 | snippet s Bootstrap 204 | ${1:This line of text is meant to be treated as no longer accurate.} 205 | 206 | snippet ins Bootstrap 207 | ${1:This line of text is meant to be treated as an addition to the document.} 208 | 209 | snippet u Bootstrap 210 | ${1:This line of text will render as underlined} 211 | 212 | snippet small Bootstrap 213 | ${1:This line of text is meant to be treated as fine print.} 214 | 215 | snippet strong Bootstrap 216 | ${1:bold text} 217 | 218 | snippet em Bootstrap 219 | ${1:italicized text} 220 | 221 | snippet textleft Bootstrap 222 | ${1:Left aligned text.} 223 | 224 | snippet textcenter Bootstrap 225 | ${1:Center aligned text.} 226 | 227 | snippet textright Bootstrap 228 | ${1:Right aligned text.} 229 | 230 | snippet textjustify Bootstrap 231 | ${1:Justified text.} 232 | 233 | snippet textnowrap Bootstrap 234 | ${1:No wrap text.} 235 | 236 | 237 | snippet textlowercase Bootstrap 238 | ${1:Lowercased text.} 239 | 240 | snippet textuppercase Bootstrap 241 | ${1:Uppercased text.} 242 | 243 | snippet textcapitalize Bootstrap 244 | ${1:Capitalized text.} 245 | 246 | snippet abbr Bootstrap 247 | ${2:attr} 248 | 249 | 250 | snippet initialism Bootstrap 251 | ${2:HTML} 252 | 253 | snippet address Bootstrap 254 | 255 | ${1:Twitter, Inc.} 256 | ${2:795 Folsom Ave, Suite 600} 257 | ${3:San Francisco, CA 94107} 258 | P: ${4:(123) 456-7890} 259 | 260 | 261 | 262 | ${5:Full Name} 263 | ${6:first.last@example.com} 264 | 265 | 266 | snippet blockquote Bootstrap 267 | 268 | ${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.} 269 | 270 | 271 | snippet blockquotesource Bootstrap 272 | 273 | ${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.} 274 | 275 | 276 | 277 | snippet blockquotereverse Bootstrap 278 | 279 | ${1:...} 280 | 281 | 282 | snippet ul Bootstrap 283 | 284 | ${1:...} 285 | 286 | 287 | snippet ol Bootstrap 288 | 289 | ${1:...} 290 | 291 | 292 | snippet listunstyled Bootstrap 293 | 294 | ${1:...} 295 | 296 | 297 | snippet listinline Bootstrap 298 | 299 | ${1:...} 300 | 301 | 302 | snippet dl Bootstrap 303 | 304 | ${1:...} 305 | ${2:...} 306 | 307 | 308 | snippet dlhorizontal Bootstrap 309 | 310 | ${1:...} 311 | ${2:...} 312 | 313 | 314 | 315 | 316 | snippet code Bootstrap 317 | ${1:<section>} 318 | 319 | snippet kbd Bootstrap 320 | ${1:cd} 321 | 322 | snippet pre Bootstrap 323 | ${1:<p>Sample text here...</p>} 324 | 325 | snippet var Bootstrap 326 | ${1:x} 327 | 328 | 329 | snippet samp Bootstrap 330 | ${1:This text is meant to be treated as sample output from a computer program.} 331 | 332 | 333 | 334 | snippet table Bootstrap 335 | 336 | ${1:...} 337 | 338 | 339 | snippet tablestriped Bootstrap 340 | 341 | ${1:...} 342 | 343 | 344 | snippet tablebordered Bootstrap 345 | 346 | ${1:...} 347 | 348 | 349 | snippet tablehover Bootstrap 350 | 351 | ${1:...} 352 | 353 | 354 | snippet tablecondensed Bootstrap 355 | 356 | ${1:...} 357 | 358 | 359 | 360 | snippet tractive Bootstrap 361 | ${1:...} 362 | 363 | snippet trsuccess Bootstrap 364 | ${1:...} 365 | 366 | snippet trwarning Bootstrap 367 | ${1:...} 368 | 369 | snippet trdanger Bootstrap 370 | ${1:...} 371 | 372 | snippet trinfo Bootstrap 373 | ${1:...} 374 | 375 | 376 | snippet tdactive Bootstrap 377 | ${1:...} 378 | 379 | snippet tdsuccess Bootstrap 380 | ${1:...} 381 | 382 | snippet tdwarning Bootstrap 383 | ${1:...} 384 | 385 | snippet tddanger Bootstrap 386 | ${1:...} 387 | 388 | snippet tdinfo Bootstrap 389 | ${1:...} 390 | 391 | 392 | snippet thactive Bootstrap 393 | ${1:...} 394 | 395 | snippet thsuccess Bootstrap 396 | ${1:...} 397 | 398 | snippet thwarning Bootstrap 399 | ${1:...} 400 | 401 | snippet thdanger Bootstrap 402 | ${1:...} 403 | 404 | snippet thinfo Bootstrap 405 | ${1:...} 406 | 407 | snippet tableresponsive Bootstrap 408 | 409 | 410 | ${1:...} 411 | 412 | 413 | 414 | 415 | 416 | snippet form Bootstrap 417 | 418 | 419 | Email address 420 | 421 | 422 | 423 | Password 424 | 425 | 426 | 427 | File input 428 | 429 | Example block-level help text here. 430 | 431 | 432 | 433 | Check me out 434 | 435 | 436 | Submit 437 | 438 | 439 | snippet forminline Bootstrap 440 | 441 | 442 | Email address 443 | 444 | 445 | 446 | Password 447 | 448 | 449 | 450 | 451 | Remember me 452 | 453 | 454 | Sign in 455 | 456 | 457 | snippet formhorizontal Bootstrap 458 | 459 | 460 | Email 461 | 462 | 463 | 464 | 465 | 466 | Password 467 | 468 | 469 | 470 | 471 | 472 | 473 | 474 | 475 | Remember me 476 | 477 | 478 | 479 | 480 | 481 | 482 | Sign in 483 | 484 | 485 | 486 | 487 | snippet input Bootstrap 488 | 489 | 490 | snippet textarea Bootstrap 491 | 492 | 493 | snippet checkbox Bootstrap 494 | 495 | 496 | 497 | ${2:Option one is this and that—be sure to include why it's great} 498 | 499 | 500 | 501 | snippet radio Bootstrap 502 | 503 | 504 | 505 | ${4:Option one is this and that—be sure to include why it's great} 506 | 507 | 508 | 509 | 510 | 511 | ${8:Option two can be something else and selecting it will deselect option one} 512 | 513 | 514 | 515 | snippet checkboxinline Bootstrap 516 | 517 | ${3:1} 518 | 519 | 520 | snippet radioinline Bootstrap 521 | 522 | ${4:1} 523 | 524 | 525 | ${8:2} 526 | 527 | 528 | snippet select Bootstrap 529 | 530 | ${1:1} 531 | ${2:2} 532 | 533 | 534 | snippet selectmultiple Bootstrap 535 | 536 | ${1:1} 537 | ${2:2} 538 | 539 | 540 | snippet formcontrolstatic Bootstrap 541 | 542 | ${1:Email} 543 | 544 | ${2:email@example.com} 545 | 546 | 547 | 548 | snippet inputdisabled Bootstrap 549 | 550 | 551 | snippet fieldsetdisabled Bootstrap 552 | 553 | 554 | Disabled input 555 | 556 | 557 | 558 | Disabled select menu 559 | 560 | Disabled select 561 | 562 | 563 | 564 | 565 | Can't check this 566 | 567 | 568 | Submit 569 | 570 | 571 | snippet inputreadonly Bootstrap 572 | 573 | 574 | snippet formgrouphassuccess Bootstrap 575 | 576 | ${1:Input with success} 577 | 578 | 579 | 580 | snippet formgrouphaswarning Bootstrap 581 | 582 | ${1:Input with warning} 583 | 584 | 585 | 586 | snippet formgrouphaserror Bootstrap 587 | 588 | ${1:Input with error} 589 | 590 | 591 | 592 | snippet checkboxhassuccess Bootstrap 593 | 594 | 595 | 596 | 597 | ${3:Checkbox with success} 598 | 599 | 600 | 601 | 602 | snippet checkboxhaswarning Bootstrap 603 | 604 | 605 | 606 | 607 | ${3:Checkbox with warning} 608 | 609 | 610 | 611 | 612 | snippet checkboxhaserror Bootstrap 613 | 614 | 615 | 616 | 617 | ${3:Checkbox with error} 618 | 619 | 620 | 621 | 622 | 623 | snippet formgrouphasfeedback Bootstrap 624 | 625 | ${1:Input group with success} 626 | 627 | ${2:@} 628 | 629 | 630 | 631 | (success) 632 | 633 | 634 | snippet inputlg Bootstrap 635 | 636 | 637 | snippet inputsm Bootstrap 638 | 639 | 640 | snippet selectlg Bootstrap 641 | ${1:...} 642 | 643 | snippet selectsm Bootstrap 644 | ${1:...} 645 | 646 | snippet formgrouplg Bootstrap 647 | 648 | ${1:Large label} 649 | 650 | 651 | 652 | 653 | 654 | snippet formgroupsm Bootstrap 655 | 656 | ${1:Small label} 657 | 658 | 659 | 660 | 661 | 662 | snippet inputhelpblock Bootstrap 663 | ${1:Input with help text} 664 | 665 | ${4:A block of help text that breaks onto a new line and may extend beyond one line.} 666 | 667 | 668 | 669 | 670 | snippet btn Bootstrap 671 | ${1:Button} 672 | 673 | snippet abtn Bootstrap 674 | ${2:Link} 675 | 676 | snippet inputbtn Bootstrap 677 | 678 | 679 | snippet submitbtn Bootstrap 680 | 681 | 682 | 683 | snippet btndefault Bootstrap 684 | ${1:Default} 685 | 686 | snippet abtndefault Bootstrap 687 | ${2:Default} 688 | 689 | snippet btnprimary Bootstrap 690 | Primary 691 | 692 | snippet abtnprimary Bootstrap 693 | ${2:Primary} 694 | 695 | snippet btnsuccess Bootstrap 696 | ${1:Success} 697 | 698 | snippet abtnsuccess Description 699 | ${2:Success} 700 | 701 | snippet btninfo Bootstrap 702 | ${1:Info} 703 | 704 | snippet abtninfo Bootstrap 705 | ${2:Info} 706 | 707 | snippet btnwarning Bootstrap 708 | ${1:Warning} 709 | 710 | snippet abtnwarning Bootstrap 711 | ${2:Warning} 712 | 713 | snippet btndanger Bootstrap 714 | ${1:Danger} 715 | 716 | snippet abtndanger Bootstrap 717 | ${2:Danger} 718 | 719 | snippet btnlink Bootstrap 720 | ${1:Link} 721 | 722 | snippet abtnlink Bootstrap 723 | ${2:Link} 724 | 725 | 726 | snippet btnlg Bootstrap 727 | ${1:Large button} 728 | 729 | snippet abtnlg Bootstrap 730 | ${2:Large button} 731 | 732 | snippet btnsm Bootstrap 733 | ${1:Small button} 734 | 735 | snippet abtnsm Bootstrap 736 | ${2:Small button} 737 | 738 | snippet btnxs Bootstrap 739 | ${1:Extra small button} 740 | 741 | snippet abtnxs Bootstrap 742 | ${2:Extra small button} 743 | 744 | snippet btnblock Bootstrap 745 | ${1:Block level button} 746 | 747 | snippet abtnblock Bootstrap 748 | ${2:Block level button} 749 | 750 | snippet btnactive Bootstrap 751 | ${1:Button} 752 | 753 | snippet abtnactive Bootstrap 754 | ${2:Link} 755 | 756 | snippet btndisabled Bootstrap 757 | ${1:Button} 758 | 759 | snippet abtndisabled Bootstrap 760 | ${2:Link} 761 | 762 | 763 | 764 | snippet imgresponsive Bootstrap 765 | 766 | 767 | snippet imgrounded Bootstrap 768 | 769 | 770 | snippet imgcircle Bootstrap 771 | 772 | 773 | snippet imgthumbnail Bootstrap 774 | 775 | 776 | 777 | 778 | snippet textmuted Bootstrap 779 | ${1:...} 780 | 781 | snippet textprimary Bootstrap 782 | ${1:...} 783 | 784 | snippet textsuccess Bootstrap 785 | ${1:...} 786 | 787 | snippet textinfo Bootstrap 788 | ${1:...} 789 | 790 | snippet textwarning Bootstrap 791 | ${1:...} 792 | 793 | snippet textdanger Bootstrap 794 | ${1:...} 795 | 796 | 797 | snippet bgprimary Bootstrap 798 | ${1:...} 799 | 800 | snippet bgsuccess Bootstrap 801 | ${1:...} 802 | 803 | snippet bginfo Bootstrap 804 | ${1:...} 805 | 806 | snippet bgwarning Bootstrap 807 | ${1:...} 808 | 809 | snippet bgdanger Bootstrap 810 | ${1:...} 811 | 812 | snippet close Bootstrap 813 | × 814 | 815 | snippet caret Bootstrap 816 | 817 | 818 | 819 | snippet pullleft Bootstrap 820 | ${1:...} 821 | 822 | snippet pullright Bootstrap 823 | ${1:...} 824 | 825 | snippet centerblock Bootstrap 826 | ${1:...} 827 | 828 | snippet clearfix Bootstrap 829 | ${1:...} 830 | 831 | 832 | snippet show Bootstrap 833 | ${1:...} 834 | 835 | snippet hidden Bootstrap 836 | ${1:...} 837 | 838 | snippet invisible Bootstrap 839 | ${1:...} 840 | 841 | snippet sronlyfocusable Bootstrap 842 | ${2:Skip to main content} 843 | 844 | snippet texthide Bootstrap 845 | ${1:Custom heading} 846 | 847 | 848 | snippet hiddenxs Bootstrap 849 | ${1:...} 850 | 851 | snippet hiddensm Bootstrap 852 | ${1:...} 853 | 854 | snippet hiddenmd Bootstrap 855 | ${1:...} 856 | 857 | snippet hiddenlg Bootstrap 858 | ${1:...} 859 | 860 | snippet visiblexsblock Bootstrap 861 | ${1:...} 862 | 863 | snippet visiblexsinline Bootstrap 864 | ${1:...} 865 | 866 | snippet visiblexsinlineblock Bootstrap 867 | ${1:...} 868 | 869 | snippet visiblesmblock Bootstrap 870 | ${1:...} 871 | 872 | snippet visiblesminline Bootstrap 873 | ${1:...} 874 | 875 | snippet visiblesminlineblock Bootstrap 876 | ${1:...} 877 | 878 | snippet visiblemdblock Bootstrap 879 | ${1:...} 880 | 881 | snippet visiblemdinline Bootstrap 882 | ${1:...} 883 | 884 | snippet visiblemdinlineblock Bootstrap 885 | ${1:...} 886 | 887 | snippet visiblelgblock Bootstrap 888 | ${1:...} 889 | 890 | snippet visiblelginline Bootstrap 891 | ${1:...} 892 | 893 | snippet visiblelginlineblock Bootstrap 894 | ${1:...} 895 | 896 | snippet visibleprintblock Bootstrap 897 | ${1:...} 898 | 899 | snippet visibleprintinline Bootstrap 900 | ${1:...} 901 | 902 | snippet visibleprintinlineblock Bootstrap 903 | ${1:...} 904 | 905 | snippet hiddenprint Bootstrap 906 | ${1:...} 907 | 908 | 909 | 910 | 911 | snippet glyphicon Bootstrap 912 | 913 | 914 | 915 | snippet dropdown Bootstrap 916 | 917 | 918 | ${2:Dropdown} 919 | 920 | 921 | 922 | ${4:Action} 923 | ${6:Another action} 924 | 925 | 926 | 927 | snippet dropdownmenuright Bootstrap 928 | 929 | ${2:...} 930 | 931 | 932 | snippet dropdownheader Bootstrap 933 | ${1:...} 934 | 935 | snippet divider Bootstrap 936 | 937 | 938 | snippet lidisabled Bootstrap 939 | ${2:...} 940 | 941 | 942 | snippet btngroup Bootstrap 943 | 944 | ${2:Left} 945 | ${3:Middle} 946 | ${4:Right} 947 | 948 | 949 | snippet abtngroup Bootstrap 950 | 951 | ${3:Left} 952 | ${5:Middle} 953 | ${7:Right} 954 | 955 | 956 | snippet btntoolbar Bootstrap 957 | 958 | ${3:...} 959 | ${5:...} 960 | ${7:...} 961 | 962 | 963 | snippet btngrouplg Bootstrap 964 | ${2:...} 965 | 966 | snippet btngroupsm Bootstrap 967 | ${2:...} 968 | 969 | snippet btngroupxs Bootstrap 970 | ${2:...} 971 | 972 | snippet btngroupvertical Bootstrap 973 | 974 | ${2:...} 975 | 976 | 977 | snippet btngroupjustified Bootstrap 978 | 979 | 980 | ${2:Left} 981 | 982 | 983 | ${3:Middle} 984 | 985 | 986 | ${4:Right} 987 | 988 | 989 | 990 | snippet abtngroupjustified Bootstrap 991 | 992 | ${2:Left} 993 | ${3:Middle} 994 | ${4:Right} 995 | 996 | 997 | 998 | snippet btndropdown Bootstrap 999 | 1000 | 1001 | ${1:Action} 1002 | 1003 | 1004 | ${2:Action} 1005 | ${4:Another action} 1006 | ${6:Something else here} 1007 | 1008 | ${8:Separated link} 1009 | 1010 | 1011 | 1012 | snippet btndropdownsplit Bootstrap 1013 | 1014 | ${1:Action} 1015 | 1016 | 1017 | Toggle Dropdown 1018 | 1019 | 1020 | ${2:Action} 1021 | ${4:Another} action 1022 | ${6:Something} else here 1023 | 1024 | ${8:Separated} link 1025 | 1026 | 1027 | 1028 | snippet btndropup Bootstrap 1029 | 1030 | ${1:Dropup} 1031 | 1032 | 1033 | Toggle Dropdown 1034 | 1035 | 1036 | ${2:} 1037 | 1038 | 1039 | 1040 | 1041 | snippet inputgroup Bootstrap 1042 | 1043 | ${1:$} 1044 | 1045 | ${3:.00} 1046 | 1047 | 1048 | snippet inputgrouplg Bootstrap 1049 | 1050 | ${2:@} 1051 | 1052 | 1053 | 1054 | snippet inputgroupsm Bootstrap 1055 | 1056 | ${2:@} 1057 | 1058 | 1059 | 1060 | snippet inputgroupcheckbox Bootstrap 1061 | 1062 | 1063 | 1064 | 1065 | 1066 | 1067 | 1068 | snippet inputgroupradio Bootstrap 1069 | 1070 | 1071 | 1072 | 1073 | 1074 | 1075 | 1076 | snippet inputgroupbtn Bootstrap 1077 | 1078 | 1079 | 1080 | ${2:Go!} 1081 | 1082 | 1083 | 1084 | snippet inputgroupbtndropdown Bootstrap 1085 | 1086 | 1087 | 1088 | ${2:Action} 1089 | 1090 | ${4:Action} 1091 | ${6:Another action} 1092 | ${8:Something else here} 1093 | 1094 | ${10:Separated link} 1095 | 1096 | 1097 | 1098 | 1099 | 1100 | 1101 | snippet navtabs Bootstrap 1102 | 1103 | ${2:Home} 1104 | ${4:Profile} 1105 | ${6:Messages} 1106 | 1107 | 1108 | snippet navpills Bootstrap 1109 | 1110 | ${2:Home} 1111 | ${4:Profile} 1112 | ${6:Messages} 1113 | 1114 | 1115 | snippet navpillsstacked Bootstrap 1116 | 1117 | ${1:...} 1118 | 1119 | 1120 | snippet navtabsjustified Bootstrap 1121 | 1122 | ${1:...} 1123 | 1124 | 1125 | snippet navpillsjustified Bootstrap 1126 | 1127 | ${1:...} 1128 | 1129 | 1130 | snippet navtabsdropdown Bootstrap 1131 | 1132 | 1133 | 1134 | ${1:Dropdown} 1135 | 1136 | 1137 | ${2:...} 1138 | 1139 | 1140 | 1141 | 1142 | snippet navpillsdropdown Bootstrap 1143 | 1144 | 1145 | 1146 | ${1:Dropdown} 1147 | 1148 | 1149 | ${2:...} 1150 | 1151 | 1152 | 1153 | 1154 | 1155 | 1156 | 1157 | snippet navbar Bootstrap 1158 | 1159 | 1160 | 1161 | 1162 | 1163 | Toggle navigation 1164 | 1165 | 1166 | 1167 | 1168 | Brand 1169 | 1170 | 1171 | 1172 | 1173 | 1174 | Link (current) 1175 | Link 1176 | 1177 | Dropdown 1178 | 1179 | Action 1180 | Another action 1181 | Something else here 1182 | 1183 | Separated link 1184 | 1185 | One more separated link 1186 | 1187 | 1188 | 1189 | 1190 | 1191 | 1192 | 1193 | Submit 1194 | 1195 | 1196 | Link 1197 | 1198 | Dropdown 1199 | 1200 | Action 1201 | Another action 1202 | Something else here 1203 | 1204 | Separated link 1205 | 1206 | 1207 | 1208 | 1209 | 1210 | 1211 | 1212 | snippet navbarform Bootstrap 1213 | 1214 | 1215 | 1216 | 1217 | ${2:Submit} 1218 | 1219 | 1220 | snippet navbarbtn Bootstrap 1221 | ${1:Sign in} 1222 | 1223 | snippet navbartext Bootstrap 1224 | ${1:Signed in as Mark Otto} 1225 | 1226 | snippet navbarlink Bootstrap 1227 | ${2:Mark Otto} 1228 | 1229 | snippet navbarfixedtop Bootstrap 1230 | 1231 | 1232 | ${1:...} 1233 | 1234 | 1235 | 1236 | snippet navbarfixedbottom Bootstrap 1237 | 1238 | 1239 | ${1:...} 1240 | 1241 | 1242 | 1243 | snippet navbarstatictop Bootstrap 1244 | 1245 | 1246 | ${1:...} 1247 | 1248 | 1249 | 1250 | snippet navbarinverse Bootstrap 1251 | 1252 | ${1:...} 1253 | 1254 | 1255 | 1256 | 1257 | 1258 | snippet breadcrumb Bootstrap 1259 | 1260 | ${2:Home} 1261 | ${4:Library} 1262 | ${5:Data} 1263 | 1264 | 1265 | 1266 | 1267 | snippet pagination Bootstrap 1268 | 1269 | 1270 | 1271 | 1272 | « 1273 | 1274 | 1275 | 1 1276 | 2 1277 | 3 1278 | 4 1279 | 5 1280 | 1281 | 1282 | » 1283 | 1284 | 1285 | 1286 | 1287 | 1288 | snippet paginationlg Bootstrap 1289 | ${1:...} 1290 | 1291 | snippet paginationsm Bootstrap 1292 | ${1:...} 1293 | 1294 | snippet pager Bootstrap 1295 | 1296 | 1297 | ${2:Previous} 1298 | ${4:Next} 1299 | 1300 | 1301 | 1302 | snippet pageraligned Bootstrap 1303 | 1304 | 1305 | ← ${2:Older} 1306 | ${4:Newer} → 1307 | 1308 | 1309 | 1310 | 1311 | 1312 | snippet label Bootstrap 1313 | ${1:Default} 1314 | 1315 | snippet labeldefault Bootstrap 1316 | ${1:Default} 1317 | 1318 | snippet labelprimary Bootstrap 1319 | ${1:Primary} 1320 | 1321 | snippet labelsuccess Bootstrap 1322 | ${1:Success} 1323 | 1324 | snippet labelinfo Bootstrap 1325 | ${1:Info} 1326 | 1327 | snippet labelwarning Bootstrap 1328 | ${1:Warning} 1329 | 1330 | snippet labeldanger Bootstrap 1331 | ${1:Danger} 1332 | 1333 | 1334 | 1335 | snippet badge Bootstrap 1336 | ${2:Inbox} ${3:42} 1337 | 1338 | snippet badgebtn Bootstrap 1339 | 1340 | ${1:Messages} ${2:4} 1341 | 1342 | 1343 | snippet badgenav Bootstrap 1344 | 1345 | ${2:Home} ${3:42} 1346 | ${5:Profile} 1347 | ${7:Messages} ${8:3} 1348 | 1349 | 1350 | 1351 | snippet jumbotron Bootstrap 1352 | 1353 | ${1:Hello, world!} 1354 | ${2:...} 1355 | ${4:Learn more} 1356 | 1357 | 1358 | snippet jumbotroncontainer Bootstrap 1359 | 1360 | 1361 | ${1:...} 1362 | 1363 | 1364 | 1365 | 1366 | 1367 | snippet pageheader Bootstrap 1368 | 1369 | ${1:Example page header} ${2:Subtext for header} 1370 | 1371 | 1372 | 1373 | 1374 | snippet thumbnail Bootstrap 1375 | 1376 | 1377 | 1378 | 1379 | snippet thumbnailcontent Bootstrap 1380 | 1381 | 1382 | 1383 | ${3:Thumbnail label} 1384 | ${4:...} 1385 | ${6:Button} ${8:Button} 1386 | 1387 | 1388 | 1389 | 1390 | 1391 | snippet alert Bootstrap 1392 | ${1:...} 1393 | 1394 | snippet alertsuccess Bootstrap 1395 | ${1:...} 1396 | 1397 | snippet alertinfo Bootstrap 1398 | ${1:...} 1399 | 1400 | snippet alertwarning Bootstrap 1401 | ${1:...} 1402 | 1403 | snippet alertdanger Bootstrap 1404 | ${1:...} 1405 | 1406 | snippet alertdismissible Bootstrap 1407 | 1408 | × 1409 | ${2:Warning!} ${3:Better check yourself, you're not looking too good.} 1410 | 1411 | 1412 | snippet alertlink Bootstrap 1413 | 1414 | ${2:...} 1415 | 1416 | 1417 | 1418 | 1419 | snippet progress Bootstrap 1420 | 1421 | 1422 | $1% Complete 1423 | 1424 | 1425 | 1426 | snippet progresssuccess Bootstrap 1427 | 1428 | 1429 | $1% Complete 1430 | 1431 | 1432 | 1433 | snippet progressinfo Bootstrap 1434 | 1435 | 1436 | $1% Complete 1437 | 1438 | 1439 | 1440 | snippet progresswarning Bootstrap 1441 | 1442 | 1443 | $1% Complete 1444 | 1445 | 1446 | 1447 | snippet progressdanger Bootstrap 1448 | 1449 | 1450 | $1% Complete 1451 | 1452 | 1453 | 1454 | snippet progressstriped Bootstrap 1455 | 1456 | 1457 | $1% Complete 1458 | 1459 | 1460 | 1461 | snippet progressstripedactive Bootstrap 1462 | 1463 | 1464 | $1% Complete 1465 | 1466 | 1467 | 1468 | snippet progressstacked Bootstrap 1469 | 1470 | 1471 | $1% Complete (success) 1472 | 1473 | 1474 | $2% Complete (warning) 1475 | 1476 | 1477 | $3% Complete (danger) 1478 | 1479 | 1480 | 1481 | 1482 | 1483 | snippet media Bootstrap 1484 | 1485 | 1486 | 1487 | 1488 | 1489 | 1490 | 1491 | ${4:Media heading} 1492 | ${5:...} 1493 | 1494 | 1495 | 1496 | snippet medialeft Bootstrap 1497 | 1498 | 1499 | 1500 | 1501 | 1502 | 1503 | snippet mediabody Bootstrap 1504 | 1505 | ${1:Media heading} 1506 | ${2:...} 1507 | 1508 | 1509 | snippet mediaright Bootstrap 1510 | 1511 | 1512 | 1513 | 1514 | 1515 | 1516 | snippet mediamiddle Bootstrap 1517 | 1518 | 1519 | 1520 | 1521 | 1522 | 1523 | snippet mediabottom Bootstrap 1524 | 1525 | 1526 | 1527 | 1528 | 1529 | 1530 | snippet medialist Bootstrap 1531 | 1532 | 1533 | 1534 | 1535 | 1536 | 1537 | 1538 | 1539 | ${4:Media heading} 1540 | ${5:...} 1541 | 1542 | 1543 | 1544 | 1545 | 1546 | snippet listgroup Bootstrap 1547 | 1548 | ${1:Cras justo odio} 1549 | ${2:Dapibus ac facilisis in} 1550 | ${3:Morbi leo risus} 1551 | ${4:Porta ac consectetur ac} 1552 | ${5:Vestibulum at eros} 1553 | 1554 | 1555 | snippet listgroupitem Bootstrap 1556 | ${1:Cras justo odio} 1557 | 1558 | snippet listgroupitembadge Bootstrap 1559 | 1560 | ${1:14} 1561 | ${2:Cras justo odio} 1562 | 1563 | 1564 | snippet alistgroupitem Bootstrap 1565 | ${2:Cras justo odio} 1566 | 1567 | snippet listgroupitemdisabled Bootstrap 1568 | ${2:Cras justo odio} 1569 | 1570 | snippet listgroupitemsuccess Bootstrap 1571 | ${1:Dapibus ac facilisis in} 1572 | 1573 | snippet listgroupiteminfo Bootstrap 1574 | ${1:Cras sit amet nibh libero} 1575 | 1576 | snippet listgroupitemwarning Bootstrap 1577 | ${1:Porta ac consectetur ac} 1578 | 1579 | snippet listgroupitemdanger Bootstrap 1580 | ${1:Vestibulum at eros} 1581 | 1582 | snippet alistgroupitemsuccess Bootstrap 1583 | ${2:Dapibus ac facilisis in} 1584 | 1585 | snippet alistgroupiteminfo Bootstrap 1586 | ${2:Cras sit amet nibh libero} 1587 | 1588 | snippet alistgroupitemwarning Bootstrap 1589 | ${2:Porta ac consectetur ac} 1590 | 1591 | snippet alistgroupitemdanger Bootstrap 1592 | ${2:Vestibulum at eros} 1593 | 1594 | snippet listgroupitemcontent Bootstrap 1595 | 1596 | ${1:List group item heading} 1597 | ${2:...} 1598 | 1599 | 1600 | snippet alistgroupitemcontent Bootstrap 1601 | 1602 | ${2:List group item heading} 1603 | ${3:...} 1604 | 1605 | 1606 | 1607 | 1608 | 1609 | snippet panel Bootstrap 1610 | 1611 | 1612 | ${1:Basic panel example} 1613 | 1614 | 1615 | 1616 | snippet panelheading Bootstrap 1617 | ${1:Panel heading without title} 1618 | 1619 | snippet panelheadingtitle Bootstrap 1620 | 1621 | ${1:Panel title} 1622 | 1623 | 1624 | snippet panelbody Bootstrap 1625 | 1626 | ${1:Panel content} 1627 | 1628 | 1629 | snippet panelfooter Bootstrap 1630 | 1631 | 1632 | snippet paneldefault Bootstrap 1633 | 1634 | 1635 | ${1:Basic panel example} 1636 | 1637 | 1638 | 1639 | snippet panelprimary Bootstrap 1640 | ${1:...} 1641 | 1642 | snippet panelsuccess Bootstrap 1643 | ${1:...} 1644 | 1645 | snippet panelinfo Bootstrap 1646 | ${1:...} 1647 | 1648 | snippet panelwarning Bootstrap 1649 | ${1:...} 1650 | 1651 | snippet paneldanger Bootstrap 1652 | ${1:...} 1653 | 1654 | snippet paneltable Bootstrap 1655 | 1656 | 1657 | ${1:Panel heading} 1658 | 1659 | ${2:...} 1660 | 1661 | 1662 | 1663 | 1664 | ${3:...} 1665 | 1666 | 1667 | 1668 | snippet panellistgroup Bootstrap 1669 | 1670 | 1671 | ${1:Panel heading} 1672 | 1673 | ${2:...} 1674 | 1675 | 1676 | 1677 | 1678 | ${3:Cras justo odio} 1679 | ${4:Dapibus ac facilisis in} 1680 | ${5:Morbi leo risus} 1681 | ${6:Porta ac consectetur ac} 1682 | ${7:Vestibulum at eros} 1683 | 1684 | 1685 | 1686 | 1687 | 1688 | snippet embedresponsive Bootstrap 1689 | 1690 | 1691 | 1692 | 1693 | 1694 | 1695 | 1696 | 1697 | 1698 | 1699 | 1700 | 1701 | snippet well Bootstrap 1702 | ${1:...} 1703 | 1704 | snippet welllg Bootstrap 1705 | ${1:...} 1706 | 1707 | snippet wellsm Bootstrap 1708 | ${1:...} 1709 | 1710 | 1711 | 1712 | 1713 | snippet modal Bootstrap 1714 | 1715 | 1716 | 1717 | 1718 | × 1719 | ${1:Modal title} 1720 | 1721 | 1722 | ${2:One fine body…} 1723 | 1724 | 1728 | 1729 | 1730 | 1731 | 1732 | snippet modallg Bootstrap 1733 | 1734 | 1735 | 1736 | ${2:...} 1737 | 1738 | 1739 | 1740 | 1741 | snippet modalsm Bootstrap 1742 | 1743 | 1744 | 1745 | ${2:...} 1746 | 1747 | 1748 | 1749 | 1750 | 1751 | 1752 | snippet scrollspy Bootstrap 1753 | 1754 | 1755 | 1756 | ${2:...} 1757 | 1758 | 1759 | 1760 | 1761 | 1762 | snippet tabpanel Bootstrap 1763 | 1764 | 1765 | 1766 | 1767 | ${2:Home} 1768 | ${4:Profile} 1769 | ${6:Messages} 1770 | ${8:Settings} 1771 | 1772 | 1773 | 1774 | 1775 | ${9:...} 1776 | ${10:...} 1777 | ${11:...} 1778 | ${12:...} 1779 | 1780 | 1781 | 1782 | 1783 | 1784 | snippet tooltip Bootstrap 1785 | ${1:Tooltip on left} 1786 | 1787 | snippet atooltip Bootstrap 1788 | ${2:Tooltip on left} 1789 | 1790 | snippet tooltiptop Bootstrap 1791 | ${1:Tooltip on top} 1792 | 1793 | snippet atooltiptop Bootstrap 1794 | ${2:Tooltip on top} 1795 | 1796 | snippet tooltipleft Bootstrap 1797 | ${1:Tooltip on left} 1798 | 1799 | snippet atooltipleft Bootstrap 1800 | ${2:Tooltip on left} 1801 | 1802 | snippet tooltipbottom Bootstrap 1803 | ${1:Tooltip on bottom} 1804 | 1805 | snippet atooltipbottom Bootstrap 1806 | ${2:Tooltip on bottom} 1807 | 1808 | snippet tooltipright Bootstrap 1809 | ${1:Tooltip on right} 1810 | 1811 | snippet atooltipright Bootstrap 1812 | ${2:Tooltip on right} 1813 | 1814 | 1815 | 1816 | snippet popover Bootstrap 1817 | ${3:Click to toggle popover} 1818 | 1819 | snippet apopover Bootstrap 1820 | ${3:Dismissible popover} 1821 | 1822 | snippet popovertop Bootstrap 1823 | 1824 | ${2:Popover on top} 1825 | 1826 | 1827 | snippet apopovertop Bootstrap 1828 | ${3:Popover on top} 1829 | 1830 | snippet popoverleft Bootstrap 1831 | 1832 | ${2:Popover on left} 1833 | 1834 | 1835 | snippet apopoverleft Bootstrap 1836 | ${3:Popover on left} 1837 | 1838 | snippet popoverbottom Bootstrap 1839 | 1840 | ${2:Popover on bottom} 1841 | 1842 | 1843 | snippet apopoverbottom Bootstrap 1844 | ${3:Popover on bottom} 1845 | 1846 | snippet popoverright Bootstrap 1847 | 1848 | ${2:Popover on right} 1849 | 1850 | 1851 | snippet apopoverright Bootstrap 1852 | ${3:Popover on right} 1853 | 1854 | snippet apopoverdismissible Bootstrap 1855 | ${3:Dismissible popover} 1856 | 1857 | 1858 | 1859 | snippet btnstatetext Bootstrap 1860 | 1861 | ${4:Loading state} 1862 | 1863 | 1864 | snippet btnsingletoggle Bootstrap 1865 | 1866 | ${1:Single toggle} 1867 | 1868 | 1869 | snippet btngroupcheckbox Bootstrap 1870 | 1871 | 1872 | ${1:Checkbox 1 (pre-checked)} 1873 | 1874 | 1875 | ${2:Checkbox 2} 1876 | 1877 | 1878 | ${3:Checkbox 3} 1879 | 1880 | 1881 | 1882 | snippet btngroupradio Bootstrap 1883 | 1884 | 1885 | ${3:Radio 1 (preselected)} 1886 | 1887 | 1888 | ${5:Radio 2} 1889 | 1890 | 1891 | ${7:Radio 3} 1892 | 1893 | 1894 | 1895 | 1896 | 1897 | snippet btncollapse Bootstrap 1898 | 1899 | ${1:Button with data-target} 1900 | 1901 | 1902 | 1903 | ${3:...} 1904 | 1905 | 1906 | 1907 | snippet abtncollapse Bootstrap 1908 | 1909 | ${1:Link with href} 1910 | 1911 | 1912 | 1913 | ${3:...} 1914 | 1915 | 1916 | 1917 | snippet accordian Bootstrap 1918 | 1919 | 1920 | 1921 | 1922 | 1923 | Collapsible Group Item #1 1924 | 1925 | 1926 | 1927 | 1928 | 1929 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 1930 | 1931 | 1932 | 1933 | 1934 | 1935 | 1936 | 1937 | Collapsible Group Item #2 1938 | 1939 | 1940 | 1941 | 1942 | 1943 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 1944 | 1945 | 1946 | 1947 | 1948 | 1949 | 1950 | 1951 | Collapsible Group Item #3 1952 | 1953 | 1954 | 1955 | 1956 | 1957 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 1958 | 1959 | 1960 | 1961 | 1962 | 1963 | 1964 | 1965 | snippet carousel Bootstrap 1966 | 1967 | 1968 | 1969 | 1970 | 1971 | 1972 | 1973 | 1974 | 1975 | 1976 | 1977 | 1978 | 1979 | ... 1980 | 1981 | 1982 | 1983 | 1984 | 1985 | ... 1986 | 1987 | 1988 | ... 1989 | 1990 | 1991 | 1992 | 1993 | 1994 | Previous 1995 | 1996 | 1997 | 1998 | Next 1999 | 2000 | 2001 | 2002 | 2003 | 2004 | snippet affix Bootstrap 2005 | 2006 | ${3:...} 2007 | 2008 | 2009 | 2010 | 2011 | --------------------------------------------------------------------------------
${1:...}
${1:Left aligned text.}
${1:Center aligned text.}
${1:Right aligned text.}
${1:Justified text.}
${1:No wrap text.}
${1:Lowercased text.}
${1:Uppercased text.}
${1:Capitalized text.}
268 | ${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.} 269 |
${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.}
273 | ${1:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.} 274 | 275 |
279 | ${1:...} 280 |
${1:<section>}
${1:<p>Sample text here...</p>}
Example block-level help text here.
${2:email@example.com}
${1:Signed in as Mark Otto}
${2:...}
${4:Learn more}
${4:...}
${6:Button} ${8:Button}
${3:...}
${2:One fine body…}