├── LICENSE ├── README.md ├── UltiSnips └── html.snippets ├── neosnippets ├── haml │ └── bootstrap.snip ├── html │ └── bootstrap.snip ├── jade │ └── bootstrap.snip └── slim │ └── bootstrap.snip └── snippets ├── html.snippets └── slim.snippets /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 chrisgillis 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Bootstrap 3 Snippets for Vim 2 | ======================= 3 | 4 | This repository contains Snipmate snippets for Twitter Bootstrap v3. 5 | 6 | 7 | Supported Snippet Engines 8 | ------------------------- 9 | Currently supports [Snipmate](https://github.com/garbas/vim-snipmate), [NeoSnippet](https://github.com/Shougo/neosnippet.vim), and [UltiSnips](https://github.com/SirVer/ultisnips). 10 | 11 | Installation 12 | ------------ 13 | Use a package manager that supports github repositories. 14 | 15 | [Vundle](https://github.com/gmarik/Vundle.vim) Example: 16 | Add `Bundle 'chrisgillis/vim-bootstrap3-snippets'` to your `.vimrc` 17 | 18 | 19 | Bugs 20 | ---- 21 | These snippets are mostly done but bootstrap components aren't fully tab-stopped yet. Feel free to contribute. 22 | 23 | 24 | Triggers 25 | -------- 26 | 27 | doctype 28 | viewport 29 | viewport-nozoom 30 | container 31 | container-fluid 32 | row 33 | col 34 | p-lead 35 | abbr 36 | abbr-initialism 37 | address 38 | blockquote 39 | blockquote-cite 40 | blockquote-cite-r 41 | list 42 | list-unstyled 43 | list-inline 44 | dl 45 | dl-horizontal 46 | pre-scrollable 47 | table 48 | contextuals 49 | form 50 | form-inline 51 | form-horizontal 52 | form-group 53 | input 54 | textarea 55 | checkbox 56 | checkbox-inline 57 | radio 58 | radio-inline 59 | select 60 | select-multiple 61 | validation-states 62 | icon 63 | help 64 | btn 65 | btn-block 66 | btn-types 67 | abtn 68 | img 69 | btn-close 70 | caret 71 | floats 72 | center-block 73 | clearfix 74 | div-show 75 | div-hidden 76 | dropdown 77 | dropdown-headers 78 | btn-group 79 | btn-toolbar 80 | btn-group-vertical 81 | btn-dropdown 82 | btn-split-dropdown 83 | btn-dropup 84 | input-group 85 | input-group-button 86 | nav-tabs 87 | nav-pills 88 | nav-pills-stacked 89 | nav-tab-dropdown 90 | navbar 91 | navbar-form 92 | breadcrumb 93 | pagination 94 | pager 95 | label-badge 96 | badge 97 | jumbotron 98 | page-header 99 | thumbnails 100 | alert 101 | progress-bar 102 | media-list 103 | list-group 104 | linked-list-group 105 | panel 106 | well 107 | -------------------------------------------------------------------------------- /UltiSnips/html.snippets: -------------------------------------------------------------------------------- 1 | ########################################################################### 2 | # Bootstrap Snippets for UltiSnips # 3 | ########################################################################### 4 | 5 | snippet doctype "bootstrap3" w 6 | 7 | 8 | ${1} 9 | 10 | endsnippet 11 | 12 | snippet boot_init "basic bootstrap3 initial template" w 13 | 14 | 15 | 16 | 17 | 18 | 19 | ${1} 20 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 31 | 32 | ${2} 33 | 34 | 35 | 36 | 37 | 38 | endsnippet 39 | 40 | 41 | snippet viewport "bootstrap3" w 42 | 43 | endsnippet 44 | 45 | snippet viewport-nozoom "bootstrap3" w 46 | 47 | endsnippet 48 | 49 | snippet container "bootstrap3" w 50 |
51 | ${1} 52 |
53 | endsnippet 54 | 55 | snippet container-fluid "bootstrap3" w 56 |
57 | ${1} 58 |
59 | endsnippet 60 | 61 | snippet row "bootstrap3" w 62 |
63 | ${1:${VISUAL}} 64 |
65 | endsnippet 66 | 67 | snippet col "bootstrap3" w 68 |
69 | ${2:${VISUAL}} 70 |
71 | endsnippet 72 | 73 | snippet row_col "bootstrap3" w 74 |
75 |
76 | ${0:${VISUAL}} 77 |
78 |
79 | endsnippet 80 | 81 | snippet p-lead "bootstrap3" w 82 |

${1:...}

83 | endsnippet 84 | 85 | snippet abbr "bootstrap3" w 86 | $1 87 | endsnippet 88 | 89 | snippet abbr-initialism "bootstrap3" w 90 | $1 91 | endsnippet 92 | 93 | snippet address "bootstrap3" w 94 |
95 | ${1: Twitter, Inc.}
96 | ${2:795 Folsom Ave, Suite 600}
97 | ${3:San Francisco, CA 94107}
98 | P: ${4:(123) 456-7890} 99 |
100 | 101 |
102 | ${5:Full Name}
103 | ${7:first.last@example.com} 104 |
105 | endsnippet 106 | 107 | snippet blockquote "bootstrap3" w 108 |
109 |

${1:...}

110 |
111 | endsnippet 112 | 113 | snippet blockquote-cite "bootstrap3" w 114 |
115 |

${1:...}

116 | 117 |
118 | endsnippet 119 | 120 | snippet blockquote-cite-r "bootstrap3" w 121 |
122 |

${1:...}

123 | 124 |
125 | endsnippet 126 | 127 | snippet list "bootstrap3" w 128 | 131 | endsnippet 132 | 133 | snippet list-unstyled "bootstrap3" w 134 | 137 | endsnippet 138 | 139 | snippet list-inline "bootstrap3" w 140 | 143 | endsnippet 144 | 145 | snippet dl "bootstrap3" w 146 |
147 |
${1}
148 |
${2}
149 |
150 | endsnippet 151 | 152 | snippet dl-horizontal "bootstrap3" w 153 |
154 |
${1}
155 |
${2}
156 |
157 | endsnippet 158 | 159 | snippet pre-scrollable "bootstrap3" w 160 | 
${1}
161 | endsnippet 162 | 163 | snippet table "bootstrap3" w 164 | 165 | ${6} 166 |
167 | endsnippet 168 | 169 | snippet contextuals "bootstrap3" w 170 | .active 171 | .success 172 | .info 173 | .warning 174 | .danger 175 | .text-muted 176 | .text-primary 177 | .text-success 178 | .text-info 179 | .text-warning 180 | .text-danger 181 | .bg-primary 182 | .bg-success 183 | .bg-info 184 | .bg-warning 185 | .bg-danger 186 | endsnippet 187 | 188 | snippet form-bs "bootstrap3" w 189 |
190 |
191 | 192 | 193 |
194 | 195 |
196 | endsnippet 197 | 198 | snippet form-inline "bootstrap3" w 199 |
200 |
201 | 202 | 203 |
204 | 205 |
206 | endsnippet 207 | 208 | snippet form-horizontal "bootstrap3" w 209 |
210 |
211 | 212 |
213 | 214 |
215 |
216 |
217 |
218 | 219 |
220 |
221 |
222 | endsnippet 223 | 224 | snippet fg "bootstrap3" w 225 |
226 | ${1} 227 |
228 | endsnippet 229 | 230 | snippet inline_input "bootstrap3" w 231 |
232 | 233 | 234 |
235 | endsnippet 236 | 237 | snippet inline_select "bootstrap3" w 238 |
239 | 240 | 243 |
244 | endsnippet 245 | 246 | snippet input_label "bootstrap3" w 247 | 248 | 249 | endsnippet 250 | 251 | snippet inp "bootstrap3" w 252 | 253 | endsnippet 254 | 255 | snippet textarea "bootstrap3" w 256 | 257 | endsnippet 258 | 259 | snippet checkbox "bootstrap3" w 260 |
261 | 265 |
266 | endsnippet 267 | 268 | snippet checkbox-inline "bootstrap3" w 269 | 272 | endsnippet 273 | 274 | snippet radio "bootstrap3" w 275 |
276 | 280 |
281 | endsnippet 282 | 283 | snippet radio-inline "bootstrap3" w 284 | 287 | endsnippet 288 | 289 | snippet select "bootstrap3" w 290 | 293 | endsnippet 294 | 295 | snippet select-multiple "bootstrap3" w 296 | 299 | endsnippet 300 | 301 | snippet validation-states "bootstrap3" w 302 | .has-success 303 | .has-warning 304 | .has-error 305 | endsnippet 306 | 307 | snippet icon "bootstrap3" w 308 | 309 | endsnippet 310 | 311 | snippet help "bootstrap3" w 312 | ${1:A block of help text} 313 | endsnippet 314 | 315 | snippet btn "bootstrap3" w 316 | 317 | endsnippet 318 | 319 | snippet btn-block "bootstrap3" w 320 | 321 | endsnippet 322 | 323 | snippet btn-types "bootstrap3" w 324 | btn-default 325 | btn-primary 326 | btn-success 327 | btn-info 328 | btn-warning 329 | btn-danger 330 | btn-link 331 | btn-lg 332 | btn-sm 333 | btn-xs 334 | btn-block 335 | endsnippet 336 | 337 | snippet abtn "bootstrap3" w 338 | ${1:Default} 339 | endsnippet 340 | 341 | snippet img "bootstrap3" w 342 | ${3:Responsive image} 343 | endsnippet 344 | 345 | snippet btn-close "bootstrap3" w 346 | 347 | endsnippet 348 | 349 | snippet caret "bootstrap3" w 350 | 351 | endsnippet 352 | 353 | snippet floats "bootstrap3" w 354 | .pull-left 355 | .pull-right 356 | endsnippet 357 | 358 | snippet center-block "bootstrap3" w 359 |
${1}
360 | endsnippet 361 | 362 | snippet clearfix "bootstrap3" w 363 |
364 | endsnippet 365 | 366 | snippet div-show "bootstrap3" w 367 |
${1}
368 | endsnippet 369 | 370 | snippet div-hidden "bootstrap3" w 371 | 372 | endsnippet 373 | 374 | snippet dropdown "bootstrap3" w 375 |
376 | 380 | 387 |
388 | endsnippet 389 | 390 | snippet dropdown-headers "bootstrap3" w 391 | 398 | endsnippet 399 | 400 | snippet btn-group "bootstrap3" w 401 |
402 | 403 | 404 | 405 |
406 | endsnippet 407 | 408 | snippet btn-toolbar "bootstrap3" w 409 | 418 | ... 419 | 420 | endsnippet 421 | 422 | snippet btn-dropdown "bootstrap3" w 423 |
424 | 427 | 434 |
435 | endsnippet 436 | 437 | snippet btn-split-dropdown "bootstrap3" w 438 |
439 | 440 | 444 | 451 |
452 | endsnippet 453 | 454 | snippet btn-dropup "bootstrap3" w 455 |
456 | 457 | 461 | 464 |
465 | endsnippet 466 | 467 | snippet input-group "bootstrap3" w 468 |
469 | @ 470 | 471 |
472 | endsnippet 473 | 474 | snippet input-group-button "bootstrap3" w 475 |
476 |
477 |
478 |
479 | 480 | 487 |
488 | 489 |
490 |
491 |
492 |
493 | 494 |
495 | 496 | 503 |
504 |
505 |
506 |
507 | endsnippet 508 | 509 | snippet nav-tabs "bootstrap3" w 510 | 515 | endsnippet 516 | 517 | snippet nav-pills "bootstrap3" w 518 | 523 | endsnippet 524 | 525 | snippet nav-pills-stacked "bootstrap3" w 526 | 531 | endsnippet 532 | 533 | snippet nav-tab-dropdown "bootstrap3" w 534 | 546 | endsnippet 547 | 548 | snippet navbar "bootstrap3" w 549 | 602 | endsnippet 603 | 604 | snippet navbar-form "bootstrap3" w 605 | 611 | endsnippet 612 | 613 | snippet breadcrumb "bootstrap3" w 614 |
    615 |
  1. Home
    2. 616 |
  2. Library
    3. 617 |
  3. Data
    4. 618 |
619 | endsnippet 620 | 621 | snippet pagination "bootstrap3" w 622 | 631 | endsnippet 632 | 633 | snippet pager "bootstrap3" w 634 | 638 | endsnippet 639 | 640 | snippet label-badge "bootstrap3" w 641 | ${2:$1} 642 | endsnippet 643 | 644 | snippet badge "bootstrap3" w 645 | ${1} 646 | endsnippet 647 | 648 | snippet jumbotron "bootstrap3" w 649 |
650 |

${1:Hello, World}

651 |

${2:...}

652 |

${3:Learn More}

653 |
654 | endsnippet 655 | 656 | snippet page-header "bootstrap3" w 657 |
658 |

${1:Example page header} ${2:Subtext for header}

659 |
660 | endsnippet 661 | 662 | snippet thumbnails "bootstrap3" w 663 |
664 |
665 | 666 | ${4:...} 667 | 668 |
669 |
670 | endsnippet 671 | 672 | snippet alert "bootstrap3" w 673 |
${2:alert text}
674 | endsnippet 675 | 676 | snippet progress-bar "bootstrap3" w 677 |
678 |
679 | ${4:60%} 680 |
681 |
682 | endsnippet 683 | 684 | snippet media-list "bootstrap3" w 685 | 696 | endsnippet 697 | 698 | snippet list-group "bootstrap3" w 699 | 702 | endsnippet 703 | 704 | snippet linked-list-group "bootstrap3" w 705 |
706 | ${2:Link 1} 707 |
708 | endsnippet 709 | 710 | snippet panel "bootstrap3" w 711 |
712 |
713 |
${2:Panel title}
714 |
715 |
716 | ${3} 717 |
718 |
719 | endsnippet 720 | 721 | snippet well "bootstrap3" w 722 |
723 | ${1:Look, I'm in a well} 724 |
725 | endsnippet 726 | 727 | # vim:ft=snippets: 728 | -------------------------------------------------------------------------------- /neosnippets/haml/bootstrap.snip: -------------------------------------------------------------------------------- 1 | snippet doctye 2 | abbr doctype (bootstrap3) 3 | !!! 4 | ${1} 5 | 6 | snippet viewport 7 | abbr viewport (bootstrap3) 8 | %meta{:content => "width=device-width, initial-scale=1", :name => "viewport"} 9 | 10 | snippet viewport-nozoom 11 | abbr viewport-nozoom (bootstrap3) 12 | %meta{:content => "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no", :name => "viewport"} 13 | 14 | snippet container 15 | abbr container (bootstrap3) 16 | options word 17 | .container 18 | ${1} 19 | 20 | snippet container-fluid 21 | abbr container-fluid (bootstrap3) 22 | options word 23 | .container-fluid 24 | ${1} 25 | 26 | snippet row 27 | abbr row (bootstrap3) 28 | options word 29 | .row 30 | ${1} 31 | 32 | snippet col 33 | abbr col (bootstrap3) 34 | options word 35 | .col-xs-${1:size} col-sm-$1 col-md-$1 col-lg-$1 36 | ${2} 37 | 38 | snippet p-lead 39 | abbr p-lead (bootstrap3) 40 | options word 41 | %p.lead${1:...} 42 | 43 | snippet abbr 44 | abbr abbr (bootstrap3) 45 | options word 46 | abbr{ title: "${1:attribute}"$1 } 47 | 48 | snippet abbr-initialism 49 | abbr abbr-initialism (bootstrap3) 50 | options word 51 | abbr.initialism title="${1:attribute}" $1 52 | 53 | snippet address 54 | abbr address (bootstrap3) 55 | options word 56 | address 57 | strong ${1: Twitter, Inc.} 58 | br 59 | ${2:795 Folsom Ave, Suite 600} 60 | br 61 | ${3:San Francisco, CA 94107} 62 | br 63 | abbr title="Phone"P: ${4:(123) 456-7890} 64 | 65 | address 66 | strong ${5:Full Name} 67 | br 68 | a href="mailto:${6:#}" ${7:first.last@example.com} 69 | 70 | snippet blockquote 71 | abbr blockquote (bootstrap3) 72 | options word 73 | blockquote 74 | p ${1:...} 75 | 76 | snippet blockquote-cite 77 | abbr blockquote-cite (bootstrap3) 78 | options word 79 | blockquote 80 | p ${1:...} 81 | footer ${2:Someone famous in} 82 | cite title="${3:Source Title}" ${4:Source Title} 83 | 84 | snippet blockquote-cite-r 85 | abbr blockquote-cite-r (bootstrap3) 86 | options word 87 | blockquote.blockquote-reverse 88 | p ${1:...} 89 | footer ${2:Someone famous in} 90 | cite title="${3:Source Title}" $3 91 | 92 | snippet list 93 | abbr list (bootstrap3) 94 | options word 95 | ul 96 | li ${1} 97 | 98 | snippet list-unstyled 99 | abbr list-unstyled (bootstrap3) 100 | options word 101 | ul.list-unstyled 102 | li ${1} 103 | 104 | snippet list-inline 105 | abbr list-inline (bootstrap3) 106 | options word 107 | ul.list-inline 108 | li ${1} 109 | 110 | snippet dl 111 | abbr dl (bootstrap3) 112 | options word 113 | dl 114 | dt ${1} 115 | dd ${2} 116 | 117 | snippet dl-horizontal 118 | abbr dl-horizontal (bootstrap3) 119 | options word 120 | dl 121 | dt ${1} 122 | dd ${2} 123 | 124 | snippet pre-scrollable 125 | abbr pre-scrollable (bootstrap3) 126 | options word 127 | pre.scrollable ${1} 128 | 129 | snippet table 130 | abbr table (bootstrap3) 131 | options word 132 | table.table.${1:table-striped}.${2:table-bordered}.${3:table-hover}.${4:table-condensed}.${5:table-response} 133 | ${6} 134 | 135 | snippet contextuals 136 | abbr contextuals (bootstrap3) 137 | options word 138 | .active 139 | .success 140 | .info 141 | .warning 142 | .danger 143 | .text-muted 144 | .text-primary 145 | .text-success 146 | .text-info 147 | .text-warning 148 | .text-danger 149 | .bg-primary 150 | .bg-success 151 | .bg-info 152 | .bg-warning 153 | .bg-danger 154 | 155 | snippet form 156 | abbr form (bootstrap3) 157 | options word 158 | form role="form" 159 | div.form-group 160 | label for="${1:id}"${2:Label Title} 161 | input.form-control type="${3}" id="$1" placeholder="$2" 162 | button.btn.btn-default type="submit" ${4:Submit} 163 | 164 | snippet form-inline 165 | abbr form-inline (bootstrap3) 166 | options word 167 | form.form-inline role="form" 168 | div.form-group 169 | label.sr-only for="${1:id}"${2:Label Title} 170 | input.form-control type="${3}" id="$1" placeholder="$2" 171 | button.btn.btn-default type="submit" ${4:Submit} 172 | 173 | snippet form-horizontal 174 | abbr form-horizontal (bootstrap3) 175 | options word 176 | form.form-horizontal role="form" 177 | div.form-group 178 | label.col-sm-${2:2}.control-label for="${1:id}" ${3:Label Title} 179 | div.col-sm-${4:10} 180 | input.form-control type="${5}" id="$1" placeholder="$3" 181 | div.form-group 182 | div.col-sm-offset-$2.col-sm-$4 183 | button.btn.btn-default type="submit" Submit 184 | 185 | snippet form-group 186 | abbr form-group (bootstrap3) 187 | options word 188 | div.form-group 189 | ${1} 190 | 191 | snippet input 192 | abbr input (bootstrap3) 193 | options word 194 | input.form-control type="text" name="${1}" value="${2}" placeholder="$1" 195 | 196 | snippet textarea 197 | abbr textarea (bootstrap3) 198 | options word 199 | textarea.form-control name="${1}" rows="${2}" cols="${3}" ${4} 200 | 201 | snippet checkbox 202 | abbr checkbox (bootstrap3) 203 | options word 204 | div.checkbox 205 | label 206 | input type="checkbox" value="${1}" 207 | ${2:Option One} 208 | 209 | snippet checkbox-inline 210 | abbr checkbox-inline (bootstrap3) 211 | options word 212 | label.checkbox-inline 213 | input type="checkbox" value="${1}" ${2:Option One} 214 | 215 | snippet radio 216 | abbr radio (bootstrap3) 217 | options word 218 | div.radio 219 | label 220 | input type="radio" name="${1:name}" value="${2}" ${3:checked} 221 | ${4:Option One} 222 | 223 | snippet radio-inline 224 | abbr radio-inline (bootstrap3) 225 | options word 226 | label.radio-inline 227 | input type="radio" value="${1}" ${2:checked} 228 | 229 | snippet select 230 | abbr select (bootstrap3) 231 | options word 232 | select.form-control name="${1}" 233 | option ${2} 234 | 235 | snippet select-multiple 236 | abbr select-multiple (bootstrap3) 237 | options word 238 | select.form-control multiple name="${1}" 239 | option ${2} 240 | 241 | snippet validation-states 242 | abbr validation-states (bootstrap3) 243 | options word 244 | .has-success 245 | .has-warning 246 | .has-error 247 | 248 | snippet icon 249 | abbr icon (bootstrap3) 250 | options word 251 | span.glyphicon.glyphicon-{$1} 252 | 253 | snippet help 254 | abbr help (bootstrap3) 255 | options word 256 | span.help-block ${1:A block of help text} 257 | 258 | snippet btn 259 | abbr btn (bootstrap3) 260 | options word 261 | button.btn.btn-${1:btn-types} type="button" ${1:Default} 262 | 263 | snippet btn-block 264 | abbr btn-block (bootstrap3) 265 | options word 266 | button.btn.btn-block.btn-${1:btn-types} type="button" ${1:Default} 267 | 268 | snippet btn-types 269 | abbr btn-types (bootstrap3) 270 | options word 271 | btn-default 272 | btn-primary 273 | btn-success 274 | btn-info 275 | btn-warning 276 | btn-danger 277 | btn-link 278 | btn-lg 279 | btn-sm 280 | btn-xs 281 | btn-block 282 | 283 | snippet abtn 284 | abbr abtn (bootstrap3) 285 | options word 286 | a.btn.btn-${2:btn-types} href="{1:#}" ${1:Default} 287 | 288 | snippet img 289 | abbr img (bootstrap3) 290 | options word 291 | img.${2:img-responsive,img-rounded,img-circle,img-thumbnail} src="${1:#}" alt="${3:Responsive image}" 292 | 293 | snippet btn-close 294 | abbr btn-close (bootstrap3) 295 | options word 296 | button.close type="button" aria-hidden="true" × 297 | 298 | snippet caret 299 | abbr caret (bootstrap3) 300 | options word 301 | span.caret 302 | 303 | snippet floats 304 | abbr floats (bootstrap3) 305 | options word 306 | .pull-left 307 | .pull-right 308 | 309 | snippet center-block 310 | abbr center-block (bootstrap3) 311 | options word 312 | div.center-block${1} 313 | 314 | snippet clearfix 315 | abbr clearfix (bootstrap3) 316 | options word 317 | div.clearfix 318 | 319 | snippet div-show 320 | abbr div-show (bootstrap3) 321 | options word 322 | div.show ${1} 323 | 324 | snippet div-hidden 325 | abbr div-hidden (bootstrap3) 326 | options word 327 | div.hidden ${1} 328 | 329 | snippet dropdown 330 | abbr dropdown (bootstrap3) 331 | options word 332 | div.dropdown 333 | button.btn.dropdown-toggle.sr-only type="button" id="dropdownMenu1" data-toggle="dropdown" 334 | Dropdown 335 | span.caret 336 | ul.dropdown-menu role="menu" aria-labelledby="dropdownMenu1" 337 | li role="presentation" 338 | a role="menuitem" tabindex="-1" href="#" Action 339 | li role="presentation" 340 | a role="menuitem" tabindex="-1" href="#" Another action 341 | li role="presentation" 342 | a role="menuitem" tabindex="-1" href="#" Something else here 343 | li.divider role="presentation" 344 | li role="presentation" 345 | a role="menuitem" tabindex="-1" href="#" Separated link 346 | 347 | snippet dropdown-headers 348 | abbr dropdown-headers (bootstrap3) 349 | options word 350 | ul.dropdown-menu role="menu" aria-labelledby="dropdownMenu2" 351 | li role="presentation" class="dropdown-header" Dropdown header 352 | li.divider role="presentation" 353 | li.dropdown-header role="presentation" header 354 | 355 | snippet btn-group 356 | abbr btn-group (bootstrap3) 357 | options word 358 | div.btn-group 359 | button.btn.btn-default type="button" Left 360 | button.btn.btn-default type="button" Middle 361 | button.btn.btn-default type="button" Right 362 | 363 | snippet btn-toolbar 364 | abbr btn-toolbar (bootstrap3) 365 | div.btn-toolbar role="toolbar" 366 | div.btn-group ... 367 | div.btn-group ... 368 | div.btn-group ... 369 | 370 | snippet btn-group-vertical 371 | abbr btn-group-vertical (bootstrap3) 372 | options word 373 | div.btn-group-vertical 374 | ... 375 | 376 | snippet btn-dropdown 377 | abbr btn-dropdown (bootstrap3) 378 | options word 379 | div.btn-group 380 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" 381 | Action 382 | span.caret 383 | ul.dropdown-menu role="menu" 384 | li 385 | a href="#" Action 386 | li 387 | a href="#" Another action 388 | li 389 | a href="#" Something else here 390 | li.divider 391 | li 392 | a href="#" Separated link 393 | 394 | snippet btn-split-dropdown 395 | abbr btn-split-dropdown (bootstrap3) 396 | options word 397 | div.btn-group 398 | button.btn.btn-danger type="button" Action 399 | button.btn.btn-danger.dropdown-toggle type="button" data-toggle="dropdown" 400 | span.caret 401 | span.sr-onlyToggle Dropdown 402 | ul.dropdown-menu role="menu" 403 | li 404 | a href="#" Action 405 | li 406 | a href="#" Another action 407 | li 408 | a href="#" Something else here 409 | li.divider 410 | li 411 | a href="#" Separated link 412 | 413 | snippet btn-dropup 414 | abbr btn-dropup (bootstrap3) 415 | options word 416 | div.btn-group.dropup 417 | button.btn.btn-default type="button" Dropup 418 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" 419 | span.caret 420 | span.sr-only Toggle Dropdown 421 | ul.dropdown-menu 422 | // 423 | 424 | snippet input-group 425 | abbr input-group (bootstrap3) 426 | options word 427 | div.input-group 428 | span.input-group-addon @ 429 | input.form-control type="text" placeholder="Username" 430 | 431 | snippet input-group-button 432 | abbr input-group-button (bootstrap3) 433 | options word 434 | div.row 435 | div.col-lg-6 436 | div.input-group 437 | div.input-group-btn 438 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" Action 439 | span.caret 440 | ul.dropdown-menu 441 | li 442 | a href="#" Action 443 | li 444 | a href="#" Action 445 | li 446 | a href="#" Action 447 | li.divider 448 | li 449 | a href="#" Separated link 450 | input.form-control type="text" 451 | div.col-lg-6 452 | div.input-group 453 | input.form-control type="text" 454 | div.input-group-btn 455 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" 456 | Action 457 | span.caret 458 | ul.dropdown-menu pull-right 459 | li 460 | a href="#" Action 461 | li 462 | a href="#" Another Action 463 | li 464 | a href="#" Something Else 465 | li.divider 466 | li 467 | a href="#" 468 | 469 | snippet nav-tabs 470 | abbr nav-tabs (bootstrap3) 471 | options word 472 | ul class="nav nav-tabs" 473 | li.active 474 | a href="#" Home 475 | li 476 | a href="#" Profile 477 | li 478 | a href="#" Messages 479 | 480 | snippet nav-pills 481 | abbr nav-pills (bootstrap3) 482 | options word 483 | ul.nav.nav-pills 484 | li.active 485 | a href="#" Home 486 | li 487 | a href="#" Profile 488 | li 489 | a href="#" Messages 490 | 491 | snippet nav-pills-stacked 492 | abbr nav-pills-stacked (bootstrap3) 493 | options word 494 | ul.nav.nav-pills.nav-stacked 495 | li.active 496 | a href="#" Home 497 | li 498 | a href="#" Profile 499 | li 500 | a href="#" Messages 501 | 502 | snippet nav-tab-dropdown 503 | abbr nav-tab-dropdown (bootstrap3) 504 | options word 505 | ul.nav.nav-tabs 506 | li.dropdown 507 | a.dropdown-toggle data-toggle="dropdown" href="#" 508 | Dropdown 509 | span.caret 510 | ul.dropdown-menu 511 | li 512 | a href="#" Action 513 | 514 | snippet navbar 515 | abbr navbar (bootstrap3) 516 | options word 517 | nav.navbar.navbar-default role="navigation" 518 | div.container-fluid 519 | // 520 | div.navbar-header 521 | button.navbar-toggle type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" 522 | span.sr-only Toggle navigation 523 | span.icon-bar 524 | span.icon-bar 525 | span.icon-bar 526 | a.navbar-brand href="#" Brand 527 | 528 | // 529 | div.collapse.navbar-collapse id="bs-example-navbar-collapse-1" 530 | ul.nav.navbar-nav 531 | li.active 532 | a href="#" Link 533 | li 534 | a href="#"Link 535 | li.dropdown 536 | a.dropdown-toggle href="#" data-toggle="dropdown"Dropdown 537 | b.caret 538 | ul.dropdown-menu 539 | li 540 | a href="#" Action 541 | li 542 | a href="#" Another Action 543 | li 544 | a href="#" Something else here 545 | li.divider 546 | li 547 | a href="#" Separated link 548 | li.divider 549 | li 550 | a href="#" One more separated link 551 | form.navbar-form.navbar-left role="search" 552 | div.form-group 553 | input.form-control type="text" placeholder="Search" 554 | button.btn.btn-default type="submit" Submit 555 | ul.nav.navbar-nav.navbar-right 556 | li 557 | a href="#" Link 558 | li.dropdown 559 | a.dropdown-toggle href="#" data-toggle="dropdown" Dropdown 560 | b class="caret" 561 | ul.dropdown-menu 562 | li 563 | a href="#" Action 564 | li 565 | a href="#" Another Action 566 | li 567 | a href="#" Something else here 568 | li.divider 569 | li 570 | a href="#" Separated link 571 | 572 | snippet navbar-form 573 | abbr navbar-form (bootstrap3) 574 | options word 575 | form.navbar-form.navbar-left role="search" 576 | div.form-group 577 | input.form-control type="text" placeholder="Search" 578 | button.btn.ben-default type="submit" Submit 579 | 580 | snippet breadcrumb 581 | abbr breadcrumb (bootstrap3) 582 | options word 583 | ol.breadcrumb 584 | li 585 | a href="#" Home 586 | li 587 | a href="#" Lirbary 588 | li 589 | a.active href="#" Data 590 | 591 | snippet pagination 592 | abbr pagination (bootstrap3) 593 | options word 594 | ul.pagination 595 | li 596 | a href="#" « 597 | li 598 | a href="#" 1 599 | li 600 | a href="#" 2 601 | li 602 | a href="#" 3 603 | li 604 | a href="#" 4 605 | li 606 | a href="#" 1 607 | li 608 | a href="#" » 609 | 610 | snippet pager 611 | abbr pager (bootstrap3) 612 | options word 613 | ul.pager 614 | li 615 | a href="${1:#}" Previous 616 | li 617 | a href="${2:#}" Next 618 | 619 | snippet label-badge 620 | abbr label-badge (bootstrap3) 621 | options word 622 | span.label.label-${1:default,primary,success,info,warning,danger}${2:$1} 623 | 624 | snippet badge 625 | abbr badge (bootstrap3) 626 | options word 627 | span.badge${1} 628 | 629 | snippet jumbotron 630 | abbr jumbotron (bootstrap3) 631 | options word 632 | div.jumbotron 633 | h1 ${1:Hello, World} 634 | p ${2:...} 635 | p 636 | a.btn.btn-primary.btn-lg role="button" 637 | 638 | snippet page-header 639 | abbr page-header (bootstrap3) 640 | div.page-header 641 | h1 ${1:Example page header} 642 | small ${2:Subtext for header} 643 | 644 | snippet thumbnails 645 | abbr thumbnails (bootstrap3) 646 | options word 647 | div.row 648 | div.col-xs-${1:6}.col-md-${2:3} 649 | a.thumbnail href="${3:#}" 650 | img data-src="holder.js/100%x180" alt="${4:...}" 651 | 652 | snippet alert 653 | abbr alert (bootstrap3) 654 | options word 655 | div.alert.alert-${1:success,info,warning,danger,dismissable}${2:alert text} 656 | 657 | snippet progress-bar 658 | abbr progress-bar (bootstrap3) 659 | options word 660 | div.progress 661 | div.progress-bar role="progressbar" aria-valuenow="${1}" aria-valuemin="${2}" aria-valuemax="${3:100}" 662 | ${4:60%} 663 | 664 | snippet media-list 665 | abbr media-list (bootstrap3) 666 | options word 667 | ul.media-list 668 | li.media 669 | a.pull-left href="#" 670 | img.media-object src="..." alt="..." 671 | div.media-body 672 | h4.media-heading Media heading 673 | ... 674 | 675 | snippet list-group 676 | abbr list-group (bootstrap3) 677 | options word 678 | ul.list-group 679 | li.list-group-item${1:Item 1} 680 | 681 | snippet linked-list-group 682 | abbr linked-list-group (bootstrap3) 683 | options word 684 | div.list-group 685 | a.list-group-item href="${1:#}" ${2:Link 1} 686 | 687 | snippet panel 688 | abbr panel (bootstrap3) 689 | options word 690 | div.panel.panel-${1:default,success,info,warn,danger} 691 | div.panel-heading 692 | div.panel-title ${2:Panel title} 693 | div.panel-body 694 | ${3} 695 | 696 | snippet well 697 | abbr well (bootstrap3) 698 | options word 699 | div.well 700 | ${1:Look, I'm in a well} 701 | -------------------------------------------------------------------------------- /neosnippets/html/bootstrap.snip: -------------------------------------------------------------------------------- 1 | snippet doctype 2 | abbr doctype(bootstrap) 3 | 4 | 5 | ${1} 6 | 7 | 8 | snippet viewport 9 | abbr viewport(bootstrap) 10 | 11 | 12 | snippet viewport_nozoom 13 | abbr viewport-nozoom(bootstrap3) 14 | 15 | 16 | snippet container 17 | abbr container(bootstrap3) 18 | options word 19 |
20 | ${1} 21 |
22 | 23 | snippet container_fluid 24 | abbr container-fluid(bootstrap3) 25 | options word 26 |
27 | ${1} 28 |
29 | 30 | snippet row 31 | abbr row(bootstrap3) 32 | options word 33 |
34 | ${1} 35 |
36 | 37 | snippet col 38 | abbr col(bootstrap3) 39 | options word 40 |
41 | ${2} 42 |
43 | 44 | snippet p_lead 45 | abbr p-lead(bootstrap3) 46 | options word 47 |

${1:...}

48 | 49 | snippet abbr 50 | abbr abbr(bootstrap3) 51 | options word 52 | $1 53 | 54 | snippet abbr_initialism 55 | abbr abbr-initialism(bootstrap3) 56 | options word 57 | $1 58 | 59 | snippet address 60 | abbr address(bootstrap3) 61 | options word 62 |
63 | ${1: Twitter, Inc.}
64 | ${2:795 Folsom Ave, Suite 600}
65 | ${3:San Francisco, CA 94107}
66 | P: ${4:(123) 456-7890} 67 |
68 | 69 |
70 | ${5:Full Name}
71 | ${7:first.last@example.com} 72 |
73 | 74 | snippet blockquote 75 | abbr blockquote(bootstrap3) 76 | options word 77 |
78 |

${1:...}

79 |
80 | 81 | snippet blockquote_cite 82 | abbr blockquote-cite(bootstrap3) 83 | options word 84 |
85 |

${1:...}

86 | 87 |
88 | 89 | snippet blockquote_cite_r 90 | abbr blockquote-cite-r(bootstrap3) 91 | options word 92 |
93 |

${1:...}

94 | 95 |
96 | 97 | snippet list 98 | abbr list(bootstrap3) 99 | options word 100 | 103 | 104 | snippet list_unstyled 105 | abbr list-unstyled(bootstrap3) 106 | options word 107 | 110 | 111 | snippet list_inline 112 | abbr list-inline(bootstrap3) 113 | options word 114 | 117 | 118 | snippet dl 119 | abbr dl(bootstrap3) 120 | options word 121 |
122 |
${1}
123 |
${2}
124 |
125 | 126 | snippet dl_horizontal 127 | abbr dl-horizontal(bootstrap3) 128 | options word 129 |
130 |
${1}
131 |
${2}
132 |
133 | 134 | snippet pre_scrollable 135 | abbr pre-scrollable(bootstrap3) 136 | options word 137 | 
${1}
138 | 139 | snippet table 140 | abbr table(bootstrap3) 141 | options word 142 | 143 | ${6} 144 |
145 | 146 | snippet contextuals 147 | abbr contextuals(bootstrap3) 148 | options word 149 | .active 150 | .success 151 | .info 152 | .warning 153 | .danger 154 | .text-muted 155 | .text-primary 156 | .text-success 157 | .text-info 158 | .text-warning 159 | .text-danger 160 | .bg-primary 161 | .bg-success 162 | .bg-info 163 | .bg-warning 164 | .bg-danger 165 | 166 | snippet form 167 | abbr form(bootstrap3) 168 | options word 169 |
170 |
171 | 172 | 173 |
174 | 175 |
176 | 177 | snippet form_inline 178 | abbr form-inline(bootstrap3) 179 | options word 180 |
181 |
182 | 183 | 184 |
185 | 186 |
187 | 188 | snippet form_horizontal 189 | abbr form-horizontal(bootstrap3) 190 | options word 191 |
192 |
193 | 194 |
195 | 196 |
197 |
198 |
199 |
200 | 201 |
202 |
203 |
204 | 205 | snippet form_group 206 | abbr form-group(bootstrap3) 207 | options word 208 |
209 | ${1} 210 |
211 | 212 | snippet input 213 | abbr input(bootstrap3) 214 | options word 215 | 216 | 217 | snippet textarea 218 | abbr textarea(bootstrap3) 219 | options word 220 | 221 | 222 | snippet checkbox 223 | abbr checkbox(bootstrap3) 224 | options word 225 |
226 | 230 |
231 | 232 | snippet checkbox_inline 233 | abbr checkbox-inline(bootstrap3) 234 | options word 235 | 238 | 239 | snippet radio 240 | abbr radio(bootstrap3) 241 | options word 242 |
243 | 247 |
248 | 249 | snippet radio_inline 250 | abbr radio-inline(bootstrap3) 251 | options word 252 | 255 | 256 | snippet select 257 | abbr select(bootstrap3) 258 | options word 259 | 262 | 263 | snippet select_multiple 264 | abbr select-multiple(bootstrap3) 265 | options word 266 | 269 | 270 | snippet validation_states 271 | abbr validation-states(bootstrap3) 272 | options word 273 | .has-success 274 | .has-warning 275 | .has-error 276 | 277 | snippet icon 278 | abbr icon(bootstrap3) 279 | options word 280 | 281 | 282 | snippet help 283 | abbr help(bootstrap3) 284 | options word 285 | ${1:A block of help text} 286 | 287 | snippet btn 288 | abbr btn(bootstrap3) 289 | options word 290 | 291 | 292 | snippet btn_block 293 | abbr btn-block(bootstrap3) 294 | options word 295 | 296 | 297 | snippet btn_types 298 | abbr btn-types(bootstrap3) 299 | options word 300 | btn-default 301 | btn-primary 302 | btn-success 303 | btn-info 304 | btn-warning 305 | btn-danger 306 | btn-link 307 | btn-lg 308 | btn-sm 309 | btn-xs 310 | btn-block 311 | 312 | snippet abtn 313 | abbr abtn(bootstrap3) 314 | options word 315 | ${1:Default} 316 | 317 | snippet img 318 | abbr img(bootstrap3) 319 | options word 320 | ${3:Responsive image} 321 | 322 | snippet btn_close 323 | abbr btn-close(bootstrap3) 324 | options word 325 | 326 | 327 | snippet caret 328 | abbr caret(bootstrap3) 329 | options word 330 | 331 | 332 | snippet floats 333 | abbr floats(bootstrap3) 334 | options word 335 | .pull-left 336 | .pull-right 337 | 338 | snippet center_block 339 | abbr center-block(bootstrap3) 340 | options word 341 |
${1}
342 | 343 | snippet clearfix 344 | abbr clearfix(bootstrap3) 345 | options word 346 |
347 | 348 | snippet div_show 349 | abbr div-show(bootstrap3) 350 | options word 351 |
${1}
352 | 353 | snippet div_hidden 354 | abbr div-hidden(bootstrap3) 355 | options word 356 | 357 | 358 | snippet dropdown 359 | abbr dropdown(bootstrap3) 360 | options word 361 |
362 | 366 | 373 |
374 | 375 | snippet dropdown_headers 376 | abbr dropdown-headers(bootstrap3) 377 | options word 378 | 385 | 386 | snippet btn_group 387 | abbr btn-group(bootstrap3) 388 | options word 389 |
390 | 391 | 392 | 393 |
394 | 395 | snippet btn_toolbar 396 | abbr btn-toolbar(bootstrap3) 397 | options word 398 | 408 | ... 409 | 410 | 411 | snippet btn_dropdown 412 | abbr btn-dropdown(bootstrap3) 413 | options word 414 |
415 | 418 | 425 |
426 | 427 | snippet btn_split_dropdown 428 | abbr btn-split-dropdown(bootstrap3) 429 | options word 430 |
431 | 432 | 436 | 443 |
444 | 445 | snippet btn_dropup 446 | abbr btn-dropup(bootstrap3) 447 | options word 448 |
449 | 450 | 454 | 457 |
458 | 459 | snippet input_group 460 | abbr input-group(bootstrap3) 461 | options word 462 |
463 | @ 464 | 465 |
466 | 467 | snippet input_group_button 468 | abbr input-group-button(bootstrap3) 469 | options word 470 |
471 |
472 |
473 |
474 | 475 | 482 |
483 | 484 |
485 |
486 |
487 |
488 | 489 |
490 | 491 | 498 |
499 |
500 |
501 |
502 | 503 | snippet nav_tabs 504 | abbr nav-tabs(bootstrap3) 505 | options word 506 | 511 | 512 | snippet nav_pills 513 | abbr nav-pills(bootstrap3) 514 | options word 515 | 520 | 521 | snippet nav_pills_stacked 522 | abbr nav-pills-stacked(bootstrap3) 523 | options word 524 | 529 | 530 | snippet nav_tab_dropdown 531 | abbr nav-tab-dropdown(bootstrap3) 532 | options word 533 | 545 | 546 | snippet navbar 547 | abbr navbar(bootstrap3) 548 | options word 549 | 602 | 603 | snippet navbar_form 604 | abbr navbar-form(bootstrap3) 605 | options word 606 | 612 | 613 | snippet breadcrumb 614 | abbr breadcrumb(bootstrap3) 615 | options word 616 |
    617 |
  1. Home
    2. 618 |
  2. Library
    3. 619 |
  3. Data
    4. 620 |
621 | 622 | snippet pagination 623 | abbr pagination(bootstrap3) 624 | options word 625 | 634 | 635 | snippet pager 636 | abbr pager(bootstrap3) 637 | options word 638 | 642 | 643 | snippet label_badge 644 | abbr label-badge(bootstrap3) 645 | options word 646 | ${2:$1} 647 | 648 | snippet badge 649 | abbr badge(bootstrap3) 650 | options word 651 | ${1} 652 | 653 | snippet jumbotron 654 | abbr jumbotron(bootstrap3) 655 | options word 656 |
657 |

${1:Hello, World}

658 |

${2:...}

659 |

${3:Learn More}

660 |
661 | 662 | snippet page_header 663 | abbr page-header(bootstrap3) 664 | options word 665 |
666 |

${1:Example page header} ${2:Subtext for header}

667 |
668 | 669 | snippet thumbnails 670 | abbr thumbnails(bootstrap3) 671 | options word 672 |
673 |
674 | 675 | ${4:...} 676 | 677 |
678 |
679 | 680 | snippet alert 681 | abbr alert(bootstrap3) 682 | options word 683 |
${2:alert text}
684 | 685 | snippet progress_bar 686 | abbr progress-bar(bootstrap3) 687 | options word 688 |
689 |
690 | ${4:60%} 691 |
692 |
693 | 694 | snippet media_list 695 | abbr media-list(bootstrap3) 696 | options word 697 | 708 | 709 | snippet list_group 710 | abbr list-group(bootstrap3) 711 | options word 712 | 715 | 716 | snippet linked_list_group 717 | abbr linked-list-group(bootstrap3) 718 | options word 719 |
720 | ${2:Link 1} 721 |
722 | 723 | snippet panel 724 | abbr panel(bootstrap3) 725 | options word 726 |
727 |
728 |
${2:Panel title}
729 |
730 |
731 | ${3} 732 |
733 |
734 | 735 | snippet well 736 | abbr well(bootstrap3) 737 | options word 738 |
739 | ${1:Look, I'm in a well} 740 |
741 | -------------------------------------------------------------------------------- /neosnippets/jade/bootstrap.snip: -------------------------------------------------------------------------------- 1 | snippet doctype 2 | abbr doctype (bootstrap3) 3 | doctype html 4 | ${1} 5 | 6 | snippet viewport 7 | abbr viewport (bootstrap3) 8 | meta(name="viewport", content="width=device-width, initial-scale=1") 9 | 10 | snippet viewport-nozoom 11 | abbr viewport-nozoom (bootstrap3) 12 | meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no") 13 | 14 | snippet container 15 | abbr container (bootstrap3) 16 | options word 17 | .container 18 | ${1} 19 | 20 | snippet container-fluid 21 | abbr container-fluid (bootstrap3) 22 | options word 23 | .container-fluid 24 | ${1} 25 | 26 | snippet row 27 | abbr row (bootstrap3) 28 | options word 29 | .row 30 | ${1} 31 | 32 | snippet col 33 | abbr col (bootstrap3) 34 | options word 35 | .col-xs-${1:size}.col-sm-$1.col-md-$1.col-lg-$1 36 | ${2} 37 | 38 | snippet p-lead 39 | abbr p-lead (bootstrap3) 40 | options word 41 | p.lead ${1:...} 42 | 43 | snippet abbr 44 | abbr abbr (bootstrap3) 45 | options word 46 | abbr(title="${1:attribute}") $1 47 | 48 | snippet abbr-initialism 49 | abbr abbr-initialism (bootstrap3) 50 | options word 51 | abbr.initialism(title="${1:attribute}") $1 52 | 53 | snippet address 54 | abbr address (bootstrap3) 55 | options word 56 | address 57 | | 58 | strong ${1:Twitter, Inc.} 59 | br 60 | | ${2:795 Folsom Ave, Suite 600} 61 | br 62 | | ${3:San Francisco, CA 94107} 63 | br 64 | abbr(title="Phone") P: ${4:(123) 456-7890} 65 | 66 | address 67 | | 68 | strong ${5:Full Name} 69 | br 70 | a(href="mailto:${6:#}") E: ${7:first.last@example.com} 71 | 72 | snippet blockquote 73 | abbr blockquote (bootstrap3) 74 | options word 75 | blockquote 76 | p ${1:...} 77 | 78 | snippet blockquote-cite 79 | abbr blockquote-cite (bootstrap3) 80 | options word 81 | blockquote 82 | p ${1:...} 83 | footer ${2:Someone famous in} 84 | cite(title="${3:Source Title}") ${4:Source Title} 85 | 86 | snippet blockquote-cite-r 87 | abbr blockquote-cite-r (bootstrap3) 88 | options word 89 | blockquote.blockquote-reverse 90 | p ${1:...} 91 | footer ${2:Someone famous in} 92 | cite(title="${3:Source Title}") $3 93 | 94 | snippet list 95 | abbr list (bootstrap3) 96 | options word 97 | ul 98 | li ${1} 99 | 100 | snippet list-unstyled 101 | abbr list-unstyled (bootstrap3) 102 | options word 103 | ul.list-unstyled 104 | li ${1} 105 | 106 | snippet list-inline 107 | abbr list-inline (bootstrap3) 108 | options word 109 | ul.list-inline 110 | li ${1} 111 | 112 | snippet dl 113 | abbr dl (bootstrap3) 114 | options word 115 | dl 116 | dt ${1} 117 | dd ${2} 118 | 119 | snippet dl-horizontal 120 | abbr dl-horizontal (bootstrap3) 121 | options word 122 | dl 123 | dt ${1} 124 | dd ${2} 125 | 126 | snippet pre-scrollable 127 | abbr pre-scrollable (bootstrap3) 128 | options word 129 | pre.scrollable ${1} 130 | 131 | snippet table 132 | abbr table (bootstrap3) 133 | options word 134 | table.table.${1:table-striped}.${2:table-bordered}.${3:table-hover}.${4:table-condensed}.${5:table-response} 135 | ${6} 136 | 137 | snippet contextuals 138 | abbr contextuals (bootstrap3) 139 | options word 140 | .active 141 | .success 142 | .info 143 | .warning 144 | .danger 145 | .text-muted 146 | .text-primary 147 | .text-success 148 | .text-info 149 | .text-warning 150 | .text-danger 151 | .bg-primary 152 | .bg-success 153 | .bg-info 154 | .bg-warning 155 | .bg-danger 156 | 157 | snippet form 158 | abbr form (bootstrap3) 159 | options word 160 | form(role="form") 161 | .form-group 162 | label(for="${1:id}") ${2:Label Title} 163 | input.form-control(type="${3}," id="$1", placeholder="$2") 164 | button.btn.btn-default(type="submit") ${4:Submit} 165 | 166 | snippet form-inline 167 | abbr form-inline (bootstrap3) 168 | options word 169 | form.form-inline(role="form") 170 | .form-group 171 | label.sr-only(for="${1:id}") ${2:Label Title} 172 | input.form-control(type="${3}", id="$1", placeholder="$2") 173 | button.btn.btn-default(type="submit") ${4:Submit} 174 | 175 | snippet form-horizontal 176 | abbr form-horizontal (bootstrap3) 177 | options word 178 | form.form-horizontal(role="form") 179 | .form-group 180 | label.col-sm-${2:2}.control-label(for="${1:id}") ${3:Label Title} 181 | .col-sm-${4:10} 182 | input.form-control(type="${5}", id="$1", placeholder="$3") 183 | .form-group 184 | .col-sm-offset-$2.col-sm-$4 185 | button.btn.btn-default(type="submit") Submit 186 | 187 | snippet form-group 188 | abbr form-group (bootstrap3) 189 | options word 190 | .form-group 191 | ${1} 192 | 193 | snippet input 194 | abbr input (bootstrap3) 195 | options word 196 | input.form-control(type="text", name="${1}", value="${2}", placeholder="$1") 197 | 198 | snippet textarea 199 | abbr textarea (bootstrap3) 200 | options word 201 | textarea.form-control(name="${1}", rows="${2}", cols="${3}") ${4} 202 | 203 | snippet checkbox 204 | abbr checkbox (bootstrap3) 205 | options word 206 | .checkbox 207 | label 208 | input(type="checkbox", value="${1}") ${2:Option One} 209 | 210 | snippet checkbox-inline 211 | abbr checkbox-inline (bootstrap3) 212 | options word 213 | label.checkbox-inline 214 | input(type="checkbox", value="${1}") ${2:Option One} 215 | 216 | snippet radio 217 | abbr radio (bootstrap3) 218 | options word 219 | .radio 220 | label 221 | input(type="radio", name="${1:name}", value="${2}", ${3:checked}) ${4:Option One} 222 | 223 | snippet radio-inline 224 | abbr radio-inline (bootstrap3) 225 | options word 226 | label.radio-inline 227 | input(type="radio", value="${1}", ${2:checked}) 228 | 229 | snippet select 230 | abbr select (bootstrap3) 231 | options word 232 | select.form-control(name="${1}") 233 | option ${2} 234 | 235 | snippet select-multiple 236 | abbr select-multiple (bootstrap3) 237 | options word 238 | select.form-control(multiple, name="${1}") 239 | option ${2} 240 | 241 | snippet validation-states 242 | abbr validation-states (bootstrap3) 243 | options word 244 | .has-success 245 | .has-warning 246 | .has-error 247 | 248 | snippet icon 249 | abbr icon (bootstrap3) 250 | options word 251 | span.glyphicon.glyphicon-{$1} 252 | 253 | snippet help 254 | abbr help (bootstrap3) 255 | options word 256 | span.help-block ${1:A block of help text} 257 | 258 | snippet btn 259 | abbr btn (bootstrap3) 260 | options word 261 | button.btn.btn-${1:btn-types}(type="button") ${1:Default} 262 | 263 | snippet btn-block 264 | abbr btn-block (bootstrap3) 265 | options word 266 | button.btn.btn-block.btn-${1:btn-types}(type="button") ${1:Default} 267 | 268 | snippet btn-types 269 | abbr btn-types (bootstrap3) 270 | options word 271 | btn-default 272 | btn-primary 273 | btn-success 274 | btn-info 275 | btn-warning 276 | btn-danger 277 | btn-link 278 | btn-lg 279 | btn-sm 280 | btn-xs 281 | btn-block 282 | 283 | snippet abtn 284 | abbr abtn (bootstrap3) 285 | options word 286 | a.btn.btn-${2:btn-types}(href="{1:#}") ${1:Default} 287 | 288 | snippet img 289 | abbr img (bootstrap3) 290 | options word 291 | img.${2:img-responsive,img-rounded,img-circle,img-thumbnail}(src="${1:#}", alt="${3:Responsive image}") 292 | 293 | snippet btn-close 294 | abbr btn-close (bootstrap3) 295 | options word 296 | button.close(type="button", aria-hidden="true") × 297 | 298 | snippet caret 299 | abbr caret (bootstrap3) 300 | options word 301 | span.caret 302 | 303 | snippet floats 304 | abbr floats (bootstrap3) 305 | options word 306 | .pull-left 307 | .pull-right 308 | 309 | snippet float-left 310 | abbr floats (bootstrap3) 311 | options word 312 | .pull-left 313 | 314 | snippet float-right 315 | abbr floats (bootstrap3) 316 | options word 317 | .pull-right 318 | 319 | snippet center-block 320 | abbr center-block (bootstrap3) 321 | options word 322 | .center-block ${1} 323 | 324 | snippet clearfix 325 | abbr clearfix (bootstrap3) 326 | options word 327 | .clearfix 328 | 329 | snippet div-show 330 | abbr div-show (bootstrap3) 331 | options word 332 | .show ${1} 333 | 334 | snippet div-hidden 335 | abbr div-hidden (bootstrap3) 336 | options word 337 | .hidden ${1} 338 | 339 | snippet dropdown 340 | abbr dropdown (bootstrap3) 341 | options word 342 | .dropdown 343 | button.btn.dropdown-toggle.sr-only(type="button", id="dropdownMenu1", data-toggle="dropdown") 344 | | Dropdown 345 | span.caret 346 | ul.dropdown-menu(role="menu", aria-labelledby="dropdownMenu1") 347 | li(role="presentation") 348 | a(role="menuitem" tabindex="-1", href="#") Action 349 | li(role="presentation") 350 | a(role="menuitem" tabindex="-1", href="#") Another action 351 | li(role="presentation" 352 | a(role="menuitem" tabindex="-1", href="#") Something else here 353 | li.divider(role="presentation") 354 | li(role="presentation") 355 | a(role="menuitem", tabindex="-1", href="#") Separated link 356 | 357 | snippet dropdown-headers 358 | abbr dropdown-headers (bootstrap3) 359 | options word 360 | // Use within dropdown 361 | li role="presentation" class="dropdown-header" Dropdown header 362 | 363 | snippet btn-group 364 | abbr btn-group (bootstrap3) 365 | options word 366 | .btn-group 367 | // You can also use btn-dropdown and btn-split-dropdown 368 | button.btn.btn-default(type="button") Left 369 | button.btn.btn-default(type="button") Middle 370 | button.btn.btn-default(type="button") Right 371 | 372 | snippet btn-toolbar 373 | abbr btn-toolbar (bootstrap3) 374 | .btn-toolbar(role="toolbar") 375 | // Use btn-group any times necessary 376 | 377 | snippet btn-group-vertical 378 | abbr btn-group-vertical (bootstrap3) 379 | options word 380 | .btn-group-vertical 381 | // Use button, btn-dropdown, btn-split-dropdown within this div 382 | 383 | snippet btn-dropdown 384 | abbr btn-dropdown (bootstrap3) 385 | options word 386 | .btn-group 387 | button.btn.btn-default.dropdown-toggle(type="button", data-toggle="dropdown") Action 388 | span.caret 389 | ul.dropdown-menu role="menu" 390 | li: a(href="#") Action 391 | li: a(href="#") Another action 392 | li: a(href="#") Something else here 393 | li.divider 394 | li: a(href="#") Separated link 395 | 396 | snippet btn-split-dropdown 397 | abbr btn-split-dropdown (bootstrap3) 398 | options word 399 | .btn-group 400 | button.btn.btn-danger(type="button") Action 401 | button.btn.btn-danger.dropdown-toggle(type="button", data-toggle="dropdown") 402 | span.caret 403 | span.sr-onlyToggle Dropdown 404 | ul.dropdown-menu role="menu" 405 | li: a(href="#") Action 406 | li: a(href="#") Another action 407 | li: a(href="#") Something else here 408 | li.divider 409 | li: a(href="#") Separated link 410 | 411 | snippet btn-dropup 412 | abbr btn-dropup (bootstrap3) 413 | options word 414 | .btn-group.dropup 415 | button.btn.btn-default(type="button") Dropup 416 | button.btn.btn-default.dropdown-toggle(type="button", data-toggle="dropdown") 417 | span.caret 418 | span.sr-only Toggle Dropdown 419 | ul.dropdown-menu 420 | li: a(href="#") Action 421 | li: a(href="#") Another action 422 | li: a(href="#") Something else here 423 | li.divider 424 | li: a(href="#") Separated link 425 | 426 | snippet input-group 427 | abbr input-group (bootstrap3) 428 | options word 429 | .input-group 430 | span.input-group-addon @ 431 | input.form-control(type="text", placeholder="Username") 432 | 433 | snippet input-group-button 434 | abbr input-group-button (bootstrap3) 435 | options word 436 | .row 437 | .col-lg-6 438 | .input-group 439 | .input-group-btn 440 | button.btn.btn-default.dropdown-toggle(type="button", data-toggle="dropdown") Action 441 | span.caret 442 | ul.dropdown-menu 443 | li 444 | a(href="#") Action 445 | li 446 | a(href="#") Action 447 | li 448 | a(href="#") Action 449 | li.divider 450 | li 451 | a(href="#") Separated link 452 | input.form-control(type="text") 453 | .col-lg-6 454 | .input-group 455 | input.form-control(type="text") 456 | .input-group-btn 457 | button.btn.btn-default.dropdown-toggle(type="button", data-toggle="dropdown") Action 458 | span.caret 459 | ul.dropdown-menu.pull-right 460 | li 461 | a(href="#") Action 462 | li 463 | a(href="#") Another Action 464 | li 465 | a(href="#") Something Else 466 | li.divider 467 | li 468 | a(href="#") 469 | 470 | snippet nav-tabs 471 | abbr nav-tabs (bootstrap3) 472 | options word 473 | ul.nav.nav-tabs 474 | li.active 475 | a(href="#") Home 476 | li 477 | a(href="#") Profile 478 | li 479 | a(href="#") Messages 480 | 481 | snippet nav-pills 482 | abbr nav-pills (bootstrap3) 483 | options word 484 | ul.nav.nav-pills 485 | li.active 486 | a(href="#") Home 487 | li 488 | a(href="#") Profile 489 | li 490 | a(href="#") Messages 491 | 492 | snippet nav-pills-stacked 493 | abbr nav-pills-stacked (bootstrap3) 494 | options word 495 | ul.nav.nav-pills.nav-stacked 496 | li.active 497 | a(href="#") Home 498 | li 499 | a(href="#") Profile 500 | li 501 | a(href="#") Messages 502 | 503 | snippet nav-tab-dropdown 504 | abbr nav-tab-dropdown (bootstrap3) 505 | options word 506 | ul.nav.nav-tabs 507 | li.dropdown 508 | a.dropdown-toggle(data-toggle="dropdown", href="#") 509 | Dropdown 510 | span.caret 511 | ul.dropdown-menu 512 | li 513 | a(href="#") Action 514 | 515 | snippet navbar 516 | abbr navbar (bootstrap3) 517 | options word 518 | nav.navbar.navbar-default(role="navigation") 519 | .container-fluid 520 | // Brand and toggle get grouped for better mobile display 521 | .navbar-header 522 | button.navbar-toggle(type="button", data-toggle="collapse", data-target="#bs-example-navbar-collapse-1") 523 | span.sr-only Toggle navigation 524 | span.icon-bar 525 | span.icon-bar 526 | span.icon-bar 527 | a.navbar-brand(href="#") Brand 528 | 529 | // Collect the nav links, forms, and other content for toggling 530 | .collapse.navbar-collapse(id="bs-example-navbar-collapse-1") 531 | ul.nav.navbar-nav 532 | li.active: a(href="#") Link 533 | li: a(href="#") Link 534 | li.dropdown 535 | a.dropdown-toggle(href="#" data-toggle="dropdown") Dropdown 536 | b.caret 537 | ul.dropdown-menu 538 | li: a(href="#") Action 539 | li: a(href="#") Another Action 540 | li: a(href="#") Something else here 541 | li.divider 542 | li: a(href="#") Separated link 543 | li.divider 544 | li: a(href="#") One more separated link 545 | // Use navbar-form to get a search component in your bar 546 | ul.nav.navbar-nav.navbar-right 547 | li: a(href="#") Link 548 | li.dropdown 549 | a.dropdown-toggle(href="#", data-toggle="dropdown") Dropdown 550 | b.caret 551 | ul.dropdown-menu 552 | li: a(href="#") Action 553 | li: a(href="#") Another Action 554 | li: a(href="#") Something else here 555 | li.divider 556 | li: a(href="#") Separated link 557 | 558 | snippet navbar-form 559 | abbr navbar-form (bootstrap3) 560 | options word 561 | form.navbar-form.navbar-left(role="search") 562 | .form-group 563 | input.form-control(type="text", placeholder="Search") 564 | button.btn.ben-default(type="submit") Submit 565 | 566 | snippet breadcrumb 567 | abbr breadcrumb (bootstrap3) 568 | options word 569 | ol.breadcrumb 570 | li 571 | a(href="#") Home 572 | li 573 | a(href="#") Library 574 | li 575 | a.active(href="#") Data 576 | 577 | snippet pagination 578 | abbr pagination (bootstrap3) 579 | options word 580 | ul.pagination 581 | li: a(href="#" « 582 | li: a(href="#") 1 583 | li: a(href="#") 2 584 | li: a(href="#") 3 585 | li: a(href="#") 4 586 | li: a(href="#") 5 587 | li: a(href="#") » 588 | 589 | snippet pager 590 | abbr pager (bootstrap3) 591 | options word 592 | ul.pager 593 | li: a(href="${1:#}") Previous 594 | li: a(href="${2:#}") Next 595 | 596 | snippet label-badge 597 | abbr label-badge (bootstrap3) 598 | options word 599 | span.label.label-${1:default,primary,success,info,warning,danger}${2:$1} 600 | 601 | snippet badge 602 | abbr badge (bootstrap3) 603 | options word 604 | span.badge ${1} 605 | 606 | snippet jumbotron 607 | abbr jumbotron (bootstrap3) 608 | options word 609 | .jumbotron 610 | h1 ${1:Hello, World} 611 | p ${2:Entry text} 612 | p: a.btn.btn-primary.btn-lg(role="button") 613 | 614 | snippet page-header 615 | abbr page-header (bootstrap3) 616 | .page-header 617 | h1 ${1:Example page header} 618 | small ${2:Subtext for header} 619 | 620 | snippet thumbnails 621 | abbr thumbnails (bootstrap3) 622 | options word 623 | .row 624 | .col-xs-${1:6}.col-md-${2:3} 625 | a.thumbnail(href="${3:#}") 626 | img(data-src="holder.js/100%x180", alt="${4:...}") 627 | 628 | snippet alert 629 | abbr alert (bootstrap3) 630 | options word 631 | .alert.alert-${1:success,info,warning,danger,dismissable} ${2:alert text} 632 | 633 | snippet progress-bar 634 | abbr progress-bar (bootstrap3) 635 | options word 636 | .progress 637 | .progress-bar(role="progressbar", aria-valuenow="${1}", aria-valuemin="${2}", aria-valuemax="${3:100}") ${4:60%} 638 | 639 | snippet media-list 640 | abbr media-list (bootstrap3) 641 | options word 642 | ul.media-list 643 | li.media 644 | a.pull-left(href="${1:#}") 645 | img.media-object(src="${2:http://placehold.it/64x64}", alt="${3}") 646 | .media-body 647 | h4.media-heading ${4:Media heading} 648 | p Some random content 649 | 650 | snippet list-group 651 | abbr list-group (bootstrap3) 652 | options word 653 | ul.list-group 654 | li.list-group-item ${1:Item 1} 655 | 656 | snippet linked-list-group 657 | abbr linked-list-group (bootstrap3) 658 | options word 659 | .list-group 660 | a.list-group-item(href="${1:#}") ${2:Link 1} 661 | 662 | snippet panel 663 | abbr panel (bootstrap3) 664 | options word 665 | .panel.panel-${1:default,success,info,warn,danger} 666 | .panel-heading 667 | .panel-title ${2:Panel title} 668 | .panel-body 669 | ${3} 670 | 671 | snippet well 672 | abbr well (bootstrap3) 673 | options word 674 | .well 675 | ${1:Look, I'm in a well} 676 | -------------------------------------------------------------------------------- /neosnippets/slim/bootstrap.snip: -------------------------------------------------------------------------------- 1 | snippet doctype 2 | abbr doctype (bootstrap3) 3 | doctype html 4 | ${1} 5 | 6 | snippet viewport 7 | abbr viewport (bootstrap3) 8 | meta name="viewport" content="width=device-width, initial-scale=1" 9 | 10 | snippet viewport-nozoom 11 | abbr viewport-nozoom (bootstrap3) 12 | meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" 13 | 14 | snippet container 15 | abbr container (bootstrap3) 16 | options word 17 | div.container 18 | ${1} 19 | 20 | snippet container-fluid 21 | abbr container-fluid (bootstrap3) 22 | options word 23 | div.container-fluid 24 | ${1} 25 | 26 | snippet row 27 | abbr row (bootstrap3) 28 | options word 29 | div.row 30 | ${1} 31 | 32 | snippet col 33 | abbr col (bootstrap3) 34 | options word 35 | div.col-xs-${1:size} col-sm-$1 col-md-$1 col-lg-$1 36 | ${2} 37 | 38 | snippet p-lead 39 | abbr p-lead (bootstrap3) 40 | options word 41 | p.lead${1:...} 42 | 43 | snippet abbr 44 | abbr abbr (bootstrap3) 45 | options word 46 | abbr title="${1:attribute}"$1 47 | 48 | snippet abbr-initialism 49 | abbr abbr-initialism (bootstrap3) 50 | options word 51 | abbr.initialism title="${1:attribute}" $1 52 | 53 | snippet address 54 | abbr address (bootstrap3) 55 | options word 56 | address 57 | strong ${1: Twitter, Inc.} 58 | br 59 | ${2:795 Folsom Ave, Suite 600} 60 | br 61 | ${3:San Francisco, CA 94107} 62 | br 63 | abbr title="Phone"P: ${4:(123) 456-7890} 64 | 65 | address 66 | strong ${5:Full Name} 67 | br 68 | a href="mailto:${6:#}" ${7:first.last@example.com} 69 | 70 | snippet blockquote 71 | abbr blockquote (bootstrap3) 72 | options word 73 | blockquote 74 | p ${1:...} 75 | 76 | snippet blockquote-cite 77 | abbr blockquote-cite (bootstrap3) 78 | options word 79 | blockquote 80 | p ${1:...} 81 | footer ${2:Someone famous in} 82 | cite title="${3:Source Title}" ${4:Source Title} 83 | 84 | snippet blockquote-cite-r 85 | abbr blockquote-cite-r (bootstrap3) 86 | options word 87 | blockquote.blockquote-reverse 88 | p ${1:...} 89 | footer ${2:Someone famous in} 90 | cite title="${3:Source Title}" $3 91 | 92 | snippet list 93 | abbr list (bootstrap3) 94 | options word 95 | ul 96 | li ${1} 97 | 98 | snippet list-unstyled 99 | abbr list-unstyled (bootstrap3) 100 | options word 101 | ul.list-unstyled 102 | li ${1} 103 | 104 | snippet list-inline 105 | abbr list-inline (bootstrap3) 106 | options word 107 | ul.list-inline 108 | li ${1} 109 | 110 | snippet dl 111 | abbr dl (bootstrap3) 112 | options word 113 | dl 114 | dt ${1} 115 | dd ${2} 116 | 117 | snippet dl-horizontal 118 | abbr dl-horizontal (bootstrap3) 119 | options word 120 | dl 121 | dt ${1} 122 | dd ${2} 123 | 124 | snippet pre-scrollable 125 | abbr pre-scrollable (bootstrap3) 126 | options word 127 | pre.scrollable ${1} 128 | 129 | snippet table 130 | abbr table (bootstrap3) 131 | options word 132 | table.table.${1:table-striped}.${2:table-bordered}.${3:table-hover}.${4:table-condensed}.${5:table-response} 133 | ${6} 134 | 135 | snippet contextuals 136 | abbr contextuals (bootstrap3) 137 | options word 138 | .active 139 | .success 140 | .info 141 | .warning 142 | .danger 143 | .text-muted 144 | .text-primary 145 | .text-success 146 | .text-info 147 | .text-warning 148 | .text-danger 149 | .bg-primary 150 | .bg-success 151 | .bg-info 152 | .bg-warning 153 | .bg-danger 154 | 155 | snippet form 156 | abbr form (bootstrap3) 157 | options word 158 | form role="form" 159 | div.form-group 160 | label for="${1:id}"${2:Label Title} 161 | input.form-control type="${3}" id="$1" placeholder="$2" 162 | button.btn.btn-default type="submit" ${4:Submit} 163 | 164 | snippet form-inline 165 | abbr form-inline (bootstrap3) 166 | options word 167 | form.form-inline role="form" 168 | div.form-group 169 | label.sr-only for="${1:id}"${2:Label Title} 170 | input.form-control type="${3}" id="$1" placeholder="$2" 171 | button.btn.btn-default type="submit" ${4:Submit} 172 | 173 | snippet form-horizontal 174 | abbr form-horizontal (bootstrap3) 175 | options word 176 | form.form-horizontal role="form" 177 | div.form-group 178 | label.col-sm-${2:2}.control-label for="${1:id}" ${3:Label Title} 179 | div.col-sm-${4:10} 180 | input.form-control type="${5}" id="$1" placeholder="$3" 181 | div.form-group 182 | div.col-sm-offset-$2.col-sm-$4 183 | button.btn.btn-default type="submit" Submit 184 | 185 | snippet form-group 186 | abbr form-group (bootstrap3) 187 | options word 188 | div.form-group 189 | ${1} 190 | 191 | snippet input 192 | abbr input (bootstrap3) 193 | options word 194 | input.form-control type="text" name="${1}" value="${2}" placeholder="$1" 195 | 196 | snippet textarea 197 | abbr textarea (bootstrap3) 198 | options word 199 | textarea.form-control name="${1}" rows="${2}" cols="${3}" ${4} 200 | 201 | snippet checkbox 202 | abbr checkbox (bootstrap3) 203 | options word 204 | div.checkbox 205 | label 206 | input type="checkbox" value="${1}" 207 | ${2:Option One} 208 | 209 | snippet checkbox-inline 210 | abbr checkbox-inline (bootstrap3) 211 | options word 212 | label.checkbox-inline 213 | input type="checkbox" value="${1}" ${2:Option One} 214 | 215 | snippet radio 216 | abbr radio (bootstrap3) 217 | options word 218 | div.radio 219 | label 220 | input type="radio" name="${1:name}" value="${2}" ${3:checked} 221 | ${4:Option One} 222 | 223 | snippet radio-inline 224 | abbr radio-inline (bootstrap3) 225 | options word 226 | label.radio-inline 227 | input type="radio" value="${1}" ${2:checked} 228 | 229 | snippet select 230 | abbr select (bootstrap3) 231 | options word 232 | select.form-control name="${1}" 233 | option ${2} 234 | 235 | snippet select-multiple 236 | abbr select-multiple (bootstrap3) 237 | options word 238 | select.form-control multiple name="${1}" 239 | option ${2} 240 | 241 | snippet validation-states 242 | abbr validation-states (bootstrap3) 243 | options word 244 | .has-success 245 | .has-warning 246 | .has-error 247 | 248 | snippet icon 249 | abbr icon (bootstrap3) 250 | options word 251 | span.glyphicon.glyphicon-{$1} 252 | 253 | snippet help 254 | abbr help (bootstrap3) 255 | options word 256 | span.help-block ${1:A block of help text} 257 | 258 | snippet btn 259 | abbr btn (bootstrap3) 260 | options word 261 | button.btn.btn-${1:btn-types} type="button" ${1:Default} 262 | 263 | snippet btn-block 264 | abbr btn-block (bootstrap3) 265 | options word 266 | button.btn.btn-block.btn-${1:btn-types} type="button" ${1:Default} 267 | 268 | snippet btn-types 269 | abbr btn-types (bootstrap3) 270 | options word 271 | btn-default 272 | btn-primary 273 | btn-success 274 | btn-info 275 | btn-warning 276 | btn-danger 277 | btn-link 278 | btn-lg 279 | btn-sm 280 | btn-xs 281 | btn-block 282 | 283 | snippet abtn 284 | abbr abtn (bootstrap3) 285 | options word 286 | a.btn.btn-${2:btn-types} href="{1:#}" ${1:Default} 287 | 288 | snippet img 289 | abbr img (bootstrap3) 290 | options word 291 | img.${2:img-responsive,img-rounded,img-circle,img-thumbnail} src="${1:#}" alt="${3:Responsive image}" 292 | 293 | snippet btn-close 294 | abbr btn-close (bootstrap3) 295 | options word 296 | button.close type="button" aria-hidden="true" × 297 | 298 | snippet caret 299 | abbr caret (bootstrap3) 300 | options word 301 | span.caret 302 | 303 | snippet floats 304 | abbr floats (bootstrap3) 305 | options word 306 | .pull-left 307 | .pull-right 308 | 309 | snippet center-block 310 | abbr center-block (bootstrap3) 311 | options word 312 | div.center-block${1} 313 | 314 | snippet clearfix 315 | abbr clearfix (bootstrap3) 316 | options word 317 | div.clearfix 318 | 319 | snippet div-show 320 | abbr div-show (bootstrap3) 321 | options word 322 | div.show ${1} 323 | 324 | snippet div-hidden 325 | abbr div-hidden (bootstrap3) 326 | options word 327 | div.hidden ${1} 328 | 329 | snippet dropdown 330 | abbr dropdown (bootstrap3) 331 | options word 332 | div.dropdown 333 | button.btn.dropdown-toggle.sr-only type="button" id="dropdownMenu1" data-toggle="dropdown" 334 | Dropdown 335 | span.caret 336 | ul.dropdown-menu role="menu" aria-labelledby="dropdownMenu1" 337 | li role="presentation" 338 | a role="menuitem" tabindex="-1" href="#" Action 339 | li role="presentation" 340 | a role="menuitem" tabindex="-1" href="#" Another action 341 | li role="presentation" 342 | a role="menuitem" tabindex="-1" href="#" Something else here 343 | li.divider role="presentation" 344 | li role="presentation" 345 | a role="menuitem" tabindex="-1" href="#" Separated link 346 | 347 | snippet dropdown-headers 348 | abbr dropdown-headers (bootstrap3) 349 | options word 350 | ul.dropdown-menu role="menu" aria-labelledby="dropdownMenu2" 351 | li role="presentation" class="dropdown-header" Dropdown header 352 | li.divider role="presentation" 353 | li.dropdown-header role="presentation" header 354 | 355 | snippet btn-group 356 | abbr btn-group (bootstrap3) 357 | options word 358 | div.btn-group 359 | button.btn.btn-default type="button" Left 360 | button.btn.btn-default type="button" Middle 361 | button.btn.btn-default type="button" Right 362 | 363 | snippet btn-toolbar 364 | abbr btn-toolbar (bootstrap3) 365 | div.btn-toolbar role="toolbar" 366 | div.btn-group ... 367 | div.btn-group ... 368 | div.btn-group ... 369 | 370 | snippet btn-group-vertical 371 | abbr btn-group-vertical (bootstrap3) 372 | options word 373 | div.btn-group-vertical 374 | ... 375 | 376 | snippet btn-dropdown 377 | abbr btn-dropdown (bootstrap3) 378 | options word 379 | div.btn-group 380 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" 381 | Action 382 | span.caret 383 | ul.dropdown-menu role="menu" 384 | li 385 | a href="#" Action 386 | li 387 | a href="#" Another action 388 | li 389 | a href="#" Something else here 390 | li.divider 391 | li 392 | a href="#" Separated link 393 | 394 | snippet btn-split-dropdown 395 | abbr btn-split-dropdown (bootstrap3) 396 | options word 397 | div.btn-group 398 | button.btn.btn-danger type="button" Action 399 | button.btn.btn-danger.dropdown-toggle type="button" data-toggle="dropdown" 400 | span.caret 401 | span.sr-onlyToggle Dropdown 402 | ul.dropdown-menu role="menu" 403 | li 404 | a href="#" Action 405 | li 406 | a href="#" Another action 407 | li 408 | a href="#" Something else here 409 | li.divider 410 | li 411 | a href="#" Separated link 412 | 413 | snippet btn-dropup 414 | abbr btn-dropup (bootstrap3) 415 | options word 416 | div.btn-group.dropup 417 | button.btn.btn-default type="button" Dropup 418 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" 419 | span.caret 420 | span.sr-only Toggle Dropdown 421 | ul.dropdown-menu 422 | // 423 | 424 | snippet input-group 425 | abbr input-group (bootstrap3) 426 | options word 427 | div.input-group 428 | span.input-group-addon @ 429 | input.form-control type="text" placeholder="Username" 430 | 431 | snippet input-group-button 432 | abbr input-group-button (bootstrap3) 433 | options word 434 | div.row 435 | div.col-lg-6 436 | div.input-group 437 | div.input-group-btn 438 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" Action 439 | span.caret 440 | ul.dropdown-menu 441 | li 442 | a href="#" Action 443 | li 444 | a href="#" Action 445 | li 446 | a href="#" Action 447 | li.divider 448 | li 449 | a href="#" Separated link 450 | input.form-control type="text" 451 | div.col-lg-6 452 | div.input-group 453 | input.form-control type="text" 454 | div.input-group-btn 455 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" 456 | Action 457 | span.caret 458 | ul.dropdown-menu pull-right 459 | li 460 | a href="#" Action 461 | li 462 | a href="#" Another Action 463 | li 464 | a href="#" Something Else 465 | li.divider 466 | li 467 | a href="#" 468 | 469 | snippet nav-tabs 470 | abbr nav-tabs (bootstrap3) 471 | options word 472 | ul class="nav nav-tabs" 473 | li.active 474 | a href="#" Home 475 | li 476 | a href="#" Profile 477 | li 478 | a href="#" Messages 479 | 480 | snippet nav-pills 481 | abbr nav-pills (bootstrap3) 482 | options word 483 | ul.nav.nav-pills 484 | li.active 485 | a href="#" Home 486 | li 487 | a href="#" Profile 488 | li 489 | a href="#" Messages 490 | 491 | snippet nav-pills-stacked 492 | abbr nav-pills-stacked (bootstrap3) 493 | options word 494 | ul.nav.nav-pills.nav-stacked 495 | li.active 496 | a href="#" Home 497 | li 498 | a href="#" Profile 499 | li 500 | a href="#" Messages 501 | 502 | snippet nav-tab-dropdown 503 | abbr nav-tab-dropdown (bootstrap3) 504 | options word 505 | ul.nav.nav-tabs 506 | li.dropdown 507 | a.dropdown-toggle data-toggle="dropdown" href="#" 508 | Dropdown 509 | span.caret 510 | ul.dropdown-menu 511 | li 512 | a href="#" Action 513 | 514 | snippet navbar 515 | abbr navbar (bootstrap3) 516 | options word 517 | nav.navbar.navbar-default role="navigation" 518 | div.container-fluid 519 | // 520 | div.navbar-header 521 | button.navbar-toggle type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" 522 | span.sr-only Toggle navigation 523 | span.icon-bar 524 | span.icon-bar 525 | span.icon-bar 526 | a.navbar-brand href="#" Brand 527 | 528 | // 529 | div.collapse.navbar-collapse id="bs-example-navbar-collapse-1" 530 | ul.nav.navbar-nav 531 | li.active 532 | a href="#" Link 533 | li 534 | a href="#"Link 535 | li.dropdown 536 | a.dropdown-toggle href="#" data-toggle="dropdown"Dropdown 537 | b.caret 538 | ul.dropdown-menu 539 | li 540 | a href="#" Action 541 | li 542 | a href="#" Another Action 543 | li 544 | a href="#" Something else here 545 | li.divider 546 | li 547 | a href="#" Separated link 548 | li.divider 549 | li 550 | a href="#" One more separated link 551 | form.navbar-form.navbar-left role="search" 552 | div.form-group 553 | input.form-control type="text" placeholder="Search" 554 | button.btn.btn-default type="submit" Submit 555 | ul.nav.navbar-nav.navbar-right 556 | li 557 | a href="#" Link 558 | li.dropdown 559 | a.dropdown-toggle href="#" data-toggle="dropdown" Dropdown 560 | b class="caret" 561 | ul.dropdown-menu 562 | li 563 | a href="#" Action 564 | li 565 | a href="#" Another Action 566 | li 567 | a href="#" Something else here 568 | li.divider 569 | li 570 | a href="#" Separated link 571 | 572 | snippet navbar-form 573 | abbr navbar-form (bootstrap3) 574 | options word 575 | form.navbar-form.navbar-left role="search" 576 | div.form-group 577 | input.form-control type="text" placeholder="Search" 578 | button.btn.ben-default type="submit" Submit 579 | 580 | snippet breadcrumb 581 | abbr breadcrumb (bootstrap3) 582 | options word 583 | ol.breadcrumb 584 | li 585 | a href="#" Home 586 | li 587 | a href="#" Lirbary 588 | li 589 | a.active href="#" Data 590 | 591 | snippet pagination 592 | abbr pagination (bootstrap3) 593 | options word 594 | ul.pagination 595 | li 596 | a href="#" « 597 | li 598 | a href="#" 1 599 | li 600 | a href="#" 2 601 | li 602 | a href="#" 3 603 | li 604 | a href="#" 4 605 | li 606 | a href="#" 1 607 | li 608 | a href="#" » 609 | 610 | snippet pager 611 | abbr pager (bootstrap3) 612 | options word 613 | ul.pager 614 | li 615 | a href="${1:#}" Previous 616 | li 617 | a href="${2:#}" Next 618 | 619 | snippet label-badge 620 | abbr label-badge (bootstrap3) 621 | options word 622 | span.label.label-${1:default,primary,success,info,warning,danger}${2:$1} 623 | 624 | snippet badge 625 | abbr badge (bootstrap3) 626 | options word 627 | span.badge${1} 628 | 629 | snippet jumbotron 630 | abbr jumbotron (bootstrap3) 631 | options word 632 | div.jumbotron 633 | h1 ${1:Hello, World} 634 | p ${2:...} 635 | p 636 | a.btn.btn-primary.btn-lg role="button" 637 | 638 | snippet page-header 639 | abbr page-header (bootstrap3) 640 | div.page-header 641 | h1 ${1:Example page header} 642 | small ${2:Subtext for header} 643 | 644 | snippet thumbnails 645 | abbr thumbnails (bootstrap3) 646 | options word 647 | div.row 648 | div.col-xs-${1:6}.col-md-${2:3} 649 | a.thumbnail href="${3:#}" 650 | img data-src="holder.js/100%x180" alt="${4:...}" 651 | 652 | snippet alert 653 | abbr alert (bootstrap3) 654 | options word 655 | div.alert.alert-${1:success,info,warning,danger,dismissable}${2:alert text} 656 | 657 | snippet progress-bar 658 | abbr progress-bar (bootstrap3) 659 | options word 660 | div.progress 661 | div.progress-bar role="progressbar" aria-valuenow="${1}" aria-valuemin="${2}" aria-valuemax="${3:100}" 662 | ${4:60%} 663 | 664 | snippet media-list 665 | abbr media-list (bootstrap3) 666 | options word 667 | ul.media-list 668 | li.media 669 | a.pull-left href="#" 670 | img.media-object src="..." alt="..." 671 | div.media-body 672 | h4.media-heading Media heading 673 | ... 674 | 675 | snippet list-group 676 | abbr list-group (bootstrap3) 677 | options word 678 | ul.list-group 679 | li.list-group-item${1:Item 1} 680 | 681 | snippet linked-list-group 682 | abbr linked-list-group (bootstrap3) 683 | options word 684 | div.list-group 685 | a.list-group-item href="${1:#}" ${2:Link 1} 686 | 687 | snippet panel 688 | abbr panel (bootstrap3) 689 | options word 690 | div.panel.panel-${1:default,success,info,warn,danger} 691 | div.panel-heading 692 | div.panel-title ${2:Panel title} 693 | div.panel-body 694 | ${3} 695 | 696 | snippet well 697 | abbr well (bootstrap3) 698 | options word 699 | div.well 700 | ${1:Look, I'm in a well} 701 | -------------------------------------------------------------------------------- /snippets/html.snippets: -------------------------------------------------------------------------------- 1 | snippet doctype (bootstrap3) 2 | 3 | 4 | ${1} 5 | 6 | 7 | snippet boot_init (basic bootstrap3 initial template) 8 | 9 | 10 | 11 | 12 | 13 | 14 | ${1} 15 | 16 | 17 | 18 | 19 | 20 | 21 | 25 | 26 | 27 | $2 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | snippet viewport (bootstrap3) 37 | 38 | 39 | snippet viewport-nozoom (bootstrap3) 40 | 41 | 42 | snippet container (bootstrap3) 43 |
44 | ${1} 45 |
46 | 47 | snippet container-fluid (bootstrap3) 48 |
49 | ${1} 50 |
51 | 52 | snippet row (bootstrap3) 53 |
54 | ${1:${VISUAL}} 55 |
56 | 57 | snippet col (bootstrap3) 58 |
59 | ${2:VISUAL} 60 |
61 | 62 | snippet row_col (bootstrap3) 63 |
64 |
65 | ${0:${VISUAL}} 66 |
67 |
68 | 69 | snippet p-lead (bootstrap3) 70 |

${1:...}

71 | 72 | snippet abbr (bootstrap3) 73 | $1 74 | 75 | snippet abbr-initialism (bootstrap3) 76 | $1 77 | 78 | snippet address (bootstrap3) 79 |
80 | ${1: Twitter, Inc.}
81 | ${2:795 Folsom Ave, Suite 600}
82 | ${3:San Francisco, CA 94107}
83 | P: ${4:(123) 456-7890} 84 |
85 | 86 |
87 | ${5:Full Name}
88 | ${7:first.last@example.com} 89 |
90 | 91 | snippet blockquote (bootstrap3) 92 |
93 |

${1:...}

94 |
95 | 96 | snippet blockquote-cite (bootstrap3) 97 |
98 |

${1:...}

99 | 100 |
101 | 102 | snippet blockquote-cite-r (bootstrap3) 103 |
104 |

${1:...}

105 | 106 |
107 | 108 | snippet list (bootstrap3) 109 | 112 | 113 | snippet list-unstyled (bootstrap3) 114 | 117 | 118 | snippet list-inline (bootstrap3) 119 | 122 | 123 | snippet dl (bootstrap3) 124 |
125 |
${1}
126 |
${2}
127 |
128 | 129 | snippet dl-horizontal (bootstrap3) 130 |
131 |
${1}
132 |
${2}
133 |
134 | 135 | snippet pre-scrollable (bootstrap3) 136 | 
${1}
137 | 138 | snippet table (bootstrap3) 139 | 140 | ${6} 141 |
142 | 143 | snippet contextuals (bootstrap3) 144 | .active 145 | .success 146 | .info 147 | .warning 148 | .danger 149 | .text-muted 150 | .text-primary 151 | .text-success 152 | .text-info 153 | .text-warning 154 | .text-danger 155 | .bg-primary 156 | .bg-success 157 | .bg-info 158 | .bg-warning 159 | .bg-danger 160 | 161 | snippet form-bs (bootstrap3) 162 |
163 |
164 | 165 | 166 |
167 | 168 |
169 | 170 | snippet form-inline (bootstrap3) 171 |
172 |
173 | 174 | 175 |
176 | 177 |
178 | 179 | snippet form-horizontal (bootstrap3) 180 |
181 |
182 | 183 |
184 | 185 |
186 |
187 |
188 |
189 | 190 |
191 |
192 |
193 | 194 | snippet fg (bootstrap3) 195 |
196 | ${1} 197 |
198 | 199 | snippet inline_input (bootstrap3) 200 |
201 | 202 | 203 |
204 | 205 | snippet inline_select (bootstrap3) 206 |
207 | 208 | 211 |
212 | 213 | snippet input_label (bootstrap3) 214 | 215 | 216 | 217 | snippet inp (bootstrap3) 218 | 219 | 220 | snippet textarea (bootstrap3) 221 | 222 | 223 | snippet checkbox (bootstrap3) 224 |
225 | 229 |
230 | 231 | snippet checkbox-inline (bootstrap3) 232 | 235 | 236 | snippet radio (bootstrap3) 237 |
238 | 242 |
243 | 244 | snippet radio-inline (bootstrap3) 245 | 248 | 249 | snippet select (bootstrap3) 250 | 253 | 254 | snippet select-multiple (bootstrap3) 255 | 258 | 259 | snippet validation-states (bootstrap3) 260 | .has-success 261 | .has-warning 262 | .has-error 263 | 264 | snippet icon (bootstrap3) 265 | 266 | 267 | snippet help (bootstrap3) 268 | ${1:A block of help text} 269 | 270 | snippet btn (bootstrap3) 271 | 272 | 273 | snippet btn-block (bootstrap3) 274 | 275 | 276 | snippet btn-types (bootstrap3) 277 | btn-default 278 | btn-primary 279 | btn-success 280 | btn-info 281 | btn-warning 282 | btn-danger 283 | btn-link 284 | btn-lg 285 | btn-sm 286 | btn-xs 287 | btn-block 288 | 289 | snippet abtn (bootstrap3) 290 | ${1:Default} 291 | 292 | snippet img (bootstrap3) 293 | ${3:Responsive image} 294 | 295 | snippet btn-close (bootstrap3) 296 | 297 | 298 | snippet caret (bootstrap3) 299 | 300 | 301 | snippet floats (bootstrap3) 302 | .pull-left 303 | .pull-right 304 | 305 | snippet center-block (bootstrap3) 306 |
${1}
307 | 308 | snippet clearfix (bootstrap3) 309 |
310 | 311 | snippet div-show (bootstrap3) 312 |
${1}
313 | 314 | snippet div-hidden (bootstrap3) 315 | 316 | 317 | snippet dropdown (bootstrap3) 318 |
319 | 323 | 330 |
331 | 332 | snippet dropdown-headers (bootstrap3) 333 | 340 | 341 | snippet btn-group (bootstrap3) 342 |
343 | 344 | 345 | 346 |
347 | 348 | snippet btn-toolbar (bootstrap3) 349 | 357 | ... 358 | 359 | 360 | snippet btn-dropdown (bootstrap3) 361 |
362 | 365 | 372 |
373 | 374 | snippet btn-split-dropdown (bootstrap3) 375 |
376 | 377 | 381 | 388 |
389 | 390 | snippet btn-dropup (bootstrap3) 391 |
392 | 393 | 397 | 400 |
401 | 402 | snippet input-group (bootstrap3) 403 |
404 | @ 405 | 406 |
407 | 408 | snippet input-group-button (bootstrap3) 409 |
410 |
411 |
412 |
413 | 414 | 421 |
422 | 423 |
424 |
425 |
426 |
427 | 428 |
429 | 430 | 437 |
438 |
439 |
440 |
441 | 442 | snippet nav-tabs (bootstrap3) 443 | 448 | 449 | snippet nav-pills (bootstrap3) 450 | 455 | 456 | snippet nav-pills-stacked (bootstrap3) 457 | 462 | 463 | snippet nav-tab-dropdown (bootstrap3) 464 | 476 | 477 | snippet navbar (bootstrap3) 478 | 531 | 532 | snippet navbar-form (bootstrap3) 533 | 539 | 540 | snippet breadcrumb (bootstrap3) 541 |
    542 |
  1. Home
    2. 543 |
  2. Library
    3. 544 |
  3. Data
    4. 545 |
546 | 547 | snippet pagination (bootstrap3) 548 | 557 | 558 | snippet pager (bootstrap3) 559 | 563 | 564 | snippet label-badge (bootstrap3) 565 | ${2:$1} 566 | 567 | snippet badge (bootstrap3) 568 | ${1} 569 | 570 | snippet jumbotron (bootstrap3) 571 |
572 |

${1:Hello, World}

573 |

${2:...}

574 |

${3:Learn More}

575 |
576 | 577 | snippet page-header (bootstrap3) 578 |
579 |

${1:Example page header} ${2:Subtext for header}

580 |
581 | 582 | snippet thumbnails (bootstrap3) 583 |
584 |
585 | 586 | ${4:...} 587 | 588 |
589 |
590 | 591 | snippet alert (bootstrap3) 592 |
${2:alert text}
593 | 594 | snippet progress-bar (bootstrap3) 595 |
596 |
597 | ${4:60%} 598 |
599 |
600 | 601 | snippet media-list (bootstrap3) 602 | 613 | 614 | snippet list-group (bootstrap3) 615 | 618 | 619 | snippet linked-list-group (bootstrap3) 620 |
621 | ${2:Link 1} 622 |
623 | 624 | snippet panel (bootstrap3) 625 |
626 |
627 |
${2:Panel title}
628 |
629 |
630 | ${3} 631 |
632 |
633 | 634 | snippet well (bootstrap3) 635 |
636 | ${1:Look, I'm in a well} 637 |
638 | -------------------------------------------------------------------------------- /snippets/slim.snippets: -------------------------------------------------------------------------------- 1 | snippet doctype (bootstrap3) 2 | doctype html 3 | ${1} 4 | 5 | snippet viewport (bootstrap3) 6 | meta name="viewport" content="width=device-width, initial-scale=1" 7 | 8 | snippet viewport-nozoom (bootstrap3) 9 | meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" 10 | 11 | snippet container (bootstrap3) 12 | div.container 13 | ${1} 14 | 15 | snippet container-fluid (bootstrap3) 16 | div.container-fluid 17 | ${1} 18 | 19 | snippet row (bootstrap3) 20 | div.row 21 | ${1} 22 | 23 | snippet col (bootstrap3) 24 | div.col-xs-${1:size} col-sm-$1 col-md-$1 col-lg-$1 25 | ${2} 26 | 27 | snippet p-lead (bootstrap3) 28 | p.lead${1:...} 29 | 30 | snippet abbr (bootstrap3) 31 | abbr title="${1:attribute}"$1 32 | 33 | snippet abbr-initialism (bootstrap3) 34 | abbr.initialism title="${1:attribute}" $1 35 | 36 | snippet address (bootstrap3) 37 | address 38 | strong ${1: Twitter, Inc.} 39 | br 40 | ${2:795 Folsom Ave, Suite 600} 41 | br 42 | ${3:San Francisco, CA 94107} 43 | br 44 | abbr title="Phone"P: ${4:(123) 456-7890} 45 | 46 | address 47 | strong ${5:Full Name} 48 | br 49 | a href="mailto:${6:#}" ${7:first.last@example.com} 50 | 51 | snippet blockquote (bootstrap3) 52 | blockquote 53 | p ${1:...} 54 | 55 | snippet blockquote-cite (bootstrap3) 56 | blockquote 57 | p ${1:...} 58 | footer ${2:Someone famous in} 59 | cite title="${3:Source Title}" ${4:Source Title} 60 | 61 | snippet blockquote-cite-r (bootstrap3) 62 | blockquote.blockquote-reverse 63 | p ${1:...} 64 | footer ${2:Someone famous in} 65 | cite title="${3:Source Title}" $3 66 | 67 | snippet list (bootstrap3) 68 | ul 69 | li ${1} 70 | 71 | snippet list-unstyled (bootstrap3) 72 | ul.list-unstyled 73 | li ${1} 74 | 75 | snippet list-inline (bootstrap3) 76 | ul.list-inline 77 | li ${1} 78 | 79 | snippet dl (bootstrap3) 80 | dl 81 | dt ${1} 82 | dd ${2} 83 | 84 | snippet dl-horizontal (bootstrap3) 85 | dl 86 | dt ${1} 87 | dd ${2} 88 | 89 | snippet pre-scrollable (bootstrap3) 90 | pre.scrollable ${1} 91 | 92 | snippet table (bootstrap3) 93 | table.table.${1:table-striped}.${2:table-bordered}.${3:table-hover}.${4:table-condensed}.${5:table-response} 94 | ${6} 95 | 96 | snippet contextuals (bootstrap3) 97 | .active 98 | .success 99 | .info 100 | .warning 101 | .danger 102 | .text-muted 103 | .text-primary 104 | .text-success 105 | .text-info 106 | .text-warning 107 | .text-danger 108 | .bg-primary 109 | .bg-success 110 | .bg-info 111 | .bg-warning 112 | .bg-danger 113 | 114 | snippet form (bootstrap3) 115 | form role="form" 116 | div.form-group 117 | label for="${1:id}"${2:Label Title} 118 | input.form-control type="${3}" id="$1" placeholder="$2" 119 | button.btn.btn-default type="submit" ${4:Submit} 120 | 121 | snippet form-inline (bootstrap3) 122 | form.form-inline role="form" 123 | div.form-group 124 | label.sr-only for="${1:id}"${2:Label Title} 125 | input.form-control type="${3}" id="$1" placeholder="$2" 126 | button.btn.btn-default type="submit" ${4:Submit} 127 | 128 | snippet form-horizontal (bootstrap3) 129 | form.form-horizontal role="form" 130 | div.form-group 131 | label.col-sm-${2:2}.control-label for="${1:id}" ${3:Label Title} 132 | div.col-sm-${4:10} 133 | input.form-control type="${5}" id="$1" placeholder="$3" 134 | div.form-group 135 | div.col-sm-offset-$2.col-sm-$4 136 | button.btn.btn-default type="submit" Submit 137 | 138 | snippet form-group (bootstrap3) 139 | div.form-group 140 | ${1} 141 | 142 | snippet input (bootstrap3) 143 | input.form-control type="text" name="${1}" value="${2}" placeholder="$1" 144 | 145 | snippet textarea (bootstrap3) 146 | textarea.form-control name="${1}" rows="${2}" cols="${3}" ${4} 147 | 148 | snippet checkbox (bootstrap3) 149 | div.checkbox 150 | label 151 | input type="checkbox" value="${1}" 152 | ${2:Option One} 153 | 154 | snippet checkbox-inline (bootstrap3) 155 | label.checkbox-inline 156 | input type="checkbox" value="${1}" ${2:Option One} 157 | 158 | snippet radio (bootstrap3) 159 | div.radio 160 | label 161 | input type="radio" name="${1:name}" value="${2}" ${3:checked} 162 | ${4:Option One} 163 | 164 | snippet radio-inline (bootstrap3) 165 | label.radio-inline 166 | input type="radio" value="${1}" ${2:checked} 167 | 168 | snippet select (bootstrap3) 169 | select.form-control name="${1}" 170 | option ${2} 171 | 172 | snippet select-multiple (bootstrap3) 173 | select.form-control multiple name="${1}" 174 | option ${2} 175 | 176 | snippet validation-states (bootstrap3) 177 | .has-success 178 | .has-warning 179 | .has-error 180 | 181 | snippet icon (bootstrap3) 182 | span.glyphicon.glyphicon-{$1} 183 | 184 | snippet help (bootstrap3) 185 | span.help-block ${1:A block of help text} 186 | 187 | snippet btn (bootstrap3) 188 | button.btn.btn-${1:btn-types} type="button" ${1:Default} 189 | 190 | snippet btn-block (bootstrap3) 191 | button.btn.btn-block.btn-${1:btn-types} type="button" ${1:Default} 192 | 193 | snippet btn-types (bootstrap3) 194 | btn-default 195 | btn-primary 196 | btn-success 197 | btn-info 198 | btn-warning 199 | btn-danger 200 | btn-link 201 | btn-lg 202 | btn-sm 203 | btn-xs 204 | btn-block 205 | 206 | snippet abtn (bootstrap3) 207 | a.btn.btn-${2:btn-types} href="{1:#}" ${1:Default} 208 | 209 | snippet img (bootstrap3) 210 | img.${2:img-responsive,img-rounded,img-circle,img-thumbnail} src="${1:#}" alt="${3:Responsive image}" 211 | 212 | snippet btn-close (bootstrap3) 213 | button.close type="button" aria-hidden="true" × 214 | 215 | snippet caret (bootstrap3) 216 | span.caret 217 | 218 | snippet floats (bootstrap3) 219 | .pull-left 220 | .pull-right 221 | 222 | snippet center-block (bootstrap3) 223 | div.center-block${1} 224 | 225 | snippet clearfix (bootstrap3) 226 | div.clearfix 227 | 228 | snippet div-show (bootstrap3) 229 | div.show ${1} 230 | 231 | snippet div-hidden (bootstrap3) 232 | div.hidden ${1} 233 | 234 | snippet dropdown (bootstrap3) 235 | div.dropdown 236 | button.btn.dropdown-toggle.sr-only type="button" id="dropdownMenu1" data-toggle="dropdown" 237 | Dropdown 238 | span.caret 239 | ul.dropdown-menu role="menu" aria-labelledby="dropdownMenu1" 240 | li role="presentation" 241 | a role="menuitem" tabindex="-1" href="#" Action 242 | li role="presentation" 243 | a role="menuitem" tabindex="-1" href="#" Another action 244 | li role="presentation" 245 | a role="menuitem" tabindex="-1" href="#" Something else here 246 | li.divider role="presentation" 247 | li role="presentation" 248 | a role="menuitem" tabindex="-1" href="#" Separated link 249 | 250 | snippet dropdown-headers (bootstrap3) 251 | ul.dropdown-menu role="menu" aria-labelledby="dropdownMenu2" 252 | li role="presentation" class="dropdown-header" Dropdown header 253 | li.divider role="presentation" 254 | li.dropdown-header role="presentation" header 255 | 256 | snippet btn-group (bootstrap3) 257 | div.btn-group 258 | button.btn.btn-default type="button" Left 259 | button.btn.btn-default type="button" Middle 260 | button.btn.btn-default type="button" Right 261 | 262 | snippet btn-toolbar (bootstrap3) 263 | div.btn-toolbar role="toolbar" 264 | div.btn-group ... 265 | div.btn-group ... 266 | div.btn-group ... 267 | 268 | snippet btn-group-vertical (bootstrap3) 269 | div.btn-group-vertical 270 | ... 271 | 272 | snippet btn-dropdown (bootstrap3) 273 | div.btn-group 274 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" 275 | Action 276 | span.caret 277 | ul.dropdown-menu role="menu" 278 | li 279 | a href="#" Action 280 | li 281 | a href="#" Another action 282 | li 283 | a href="#" Something else here 284 | li.divider 285 | li 286 | a href="#" Separated link 287 | 288 | snippet btn-split-dropdown (bootstrap3) 289 | div.btn-group 290 | button.btn.btn-danger type="button" Action 291 | button.btn.btn-danger.dropdown-toggle type="button" data-toggle="dropdown" 292 | span.caret 293 | span.sr-onlyToggle Dropdown 294 | ul.dropdown-menu role="menu" 295 | li 296 | a href="#" Action 297 | li 298 | a href="#" Another action 299 | li 300 | a href="#" Something else here 301 | li.divider 302 | li 303 | a href="#" Separated link 304 | 305 | snippet btn-dropup (bootstrap3) 306 | div.btn-group.dropup 307 | button.btn.btn-default type="button" Dropup 308 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" 309 | span.caret 310 | span.sr-only Toggle Dropdown 311 | ul.dropdown-menu 312 | // 313 | 314 | snippet input-group (bootstrap3) 315 | div.input-group 316 | span.input-group-addon @ 317 | input.form-control type="text" placeholder="Username" 318 | 319 | snippet input-group-button (bootstrap3) 320 | div.row 321 | div.col-lg-6 322 | div.input-group 323 | div.input-group-btn 324 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" Action 325 | span.caret 326 | ul.dropdown-menu 327 | li 328 | a href="#" Action 329 | li 330 | a href="#" Action 331 | li 332 | a href="#" Action 333 | li.divider 334 | li 335 | a href="#" Separated link 336 | input.form-control type="text" 337 | div.col-lg-6 338 | div.input-group 339 | input.form-control type="text" 340 | div.input-group-btn 341 | button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown" 342 | Action 343 | span.caret 344 | ul.dropdown-menu pull-right 345 | li 346 | a href="#" Action 347 | li 348 | a href="#" Another Action 349 | li 350 | a href="#" Something Else 351 | li.divider 352 | li 353 | a href="#" 354 | 355 | snippet nav-tabs (bootstrap3) 356 | ul class="nav nav-tabs" 357 | li.active 358 | a href="#" Home 359 | li 360 | a href="#" Profile 361 | li 362 | a href="#" Messages 363 | 364 | snippet nav-pills (bootstrap3) 365 | ul.nav.nav-pills 366 | li.active 367 | a href="#" Home 368 | li 369 | a href="#" Profile 370 | li 371 | a href="#" Messages 372 | 373 | snippet nav-pills-stacked (bootstrap3) 374 | ul.nav.nav-pills.nav-stacked 375 | li.active 376 | a href="#" Home 377 | li 378 | a href="#" Profile 379 | li 380 | a href="#" Messages 381 | 382 | snippet nav-tab-dropdown (bootstrap3) 383 | ul.nav.nav-tabs 384 | li.dropdown 385 | a.dropdown-toggle data-toggle="dropdown" href="#" 386 | Dropdown 387 | span.caret 388 | ul.dropdown-menu 389 | li 390 | a href="#" Action 391 | 392 | snippet navbar (bootstrap3) 393 | nav.navbar.navbar-default role="navigation" 394 | div.container-fluid 395 | // 396 | div.navbar-header 397 | button.navbar-toggle type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" 398 | span.sr-only Toggle navigation 399 | span.icon-bar 400 | span.icon-bar 401 | span.icon-bar 402 | a.navbar-brand href="#" Brand 403 | 404 | // 405 | div.collapse.navbar-collapse id="bs-example-navbar-collapse-1" 406 | ul.nav.navbar-nav 407 | li.active 408 | a href="#" Link 409 | li 410 | a href="#"Link 411 | li.dropdown 412 | a.dropdown-toggle href="#" data-toggle="dropdown"Dropdown 413 | b.caret 414 | ul.dropdown-menu 415 | li 416 | a href="#" Action 417 | li 418 | a href="#" Another Action 419 | li 420 | a href="#" Something else here 421 | li.divider 422 | li 423 | a href="#" Separated link 424 | li.divider 425 | li 426 | a href="#" One more separated link 427 | form.navbar-form.navbar-left role="search" 428 | div.form-group 429 | input.form-control type="text" placeholder="Search" 430 | button.btn.btn-default type="submit" Submit 431 | ul.nav.navbar-nav.navbar-right 432 | li 433 | a href="#" Link 434 | li.dropdown 435 | a.dropdown-toggle href="#" data-toggle="dropdown" Dropdown 436 | b class="caret" 437 | ul.dropdown-menu 438 | li 439 | a href="#" Action 440 | li 441 | a href="#" Another Action 442 | li 443 | a href="#" Something else here 444 | li.divider 445 | li 446 | a href="#" Separated link 447 | 448 | snippet navbar-form (bootstrap3) 449 | form.navbar-form.navbar-left role="search" 450 | div.form-group 451 | input.form-control type="text" placeholder="Search" 452 | button.btn.ben-default type="submit" Submit 453 | 454 | snippet breadcrumb (bootstrap3) 455 | ol.breadcrumb 456 | li 457 | a href="#" Home 458 | li 459 | a href="#" Lirbary 460 | li 461 | a.active href="#" Data 462 | 463 | snippet pagination (bootstrap3) 464 | ul.pagination 465 | li 466 | a href="#" « 467 | li 468 | a href="#" 1 469 | li 470 | a href="#" 2 471 | li 472 | a href="#" 3 473 | li 474 | a href="#" 4 475 | li 476 | a href="#" 1 477 | li 478 | a href="#" » 479 | 480 | snippet pager (bootstrap3) 481 | ul.pager 482 | li 483 | a href="${1:#}" Previous 484 | li 485 | a href="${2:#}" Next 486 | 487 | snippet label-badge (bootstrap3) 488 | span.label.label-${1:default,primary,success,info,warning,danger}${2:$1} 489 | 490 | snippet badge (bootstrap3) 491 | span.badge${1} 492 | 493 | snippet jumbotron (bootstrap3) 494 | div.jumbotron 495 | h1 ${1:Hello, World} 496 | p ${2:...} 497 | p 498 | a.btn.btn-primary.btn-lg role="button" 499 | 500 | snippet page-header (bootstrap3) 501 | div.page-header 502 | h1 ${1:Example page header} 503 | small ${2:Subtext for header} 504 | 505 | snippet thumbnails (bootstrap3) 506 | div.row 507 | div.col-xs-${1:6}.col-md-${2:3} 508 | a.thumbnail href="${3:#}" 509 | img data-src="holder.js/100%x180" alt="${4:...}" 510 | 511 | snippet alert (bootstrap3) 512 | div.alert.alert-${1:success,info,warning,danger,dismissable}${2:alert text} 513 | 514 | snippet progress-bar (bootstrap3) 515 | div.progress 516 | div.progress-bar role="progressbar" aria-valuenow="${1}" aria-valuemin="${2}" aria-valuemax="${3:100}" 517 | ${4:60%} 518 | 519 | snippet media-list (bootstrap3) 520 | ul.media-list 521 | li.media 522 | a.pull-left href="#" 523 | img.media-object src="..." alt="..." 524 | div.media-body 525 | h4.media-heading Media heading 526 | ... 527 | 528 | snippet list-group (bootstrap3) 529 | ul.list-group 530 | li.list-group-item${1:Item 1} 531 | 532 | snippet linked-list-group (bootstrap3) 533 | div.list-group 534 | a.list-group-item href="${1:#}" ${2:Link 1} 535 | 536 | snippet panel (bootstrap3) 537 | div.panel.panel-${1:default,success,info,warn,danger} 538 | div.panel-heading 539 | div.panel-title ${2:Panel title} 540 | div.panel-body 541 | ${3} 542 | 543 | snippet well (bootstrap3) 544 | div.well 545 | ${1:Look, I'm in a well} 546 | --------------------------------------------------------------------------------