Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

ST2 TB snippets initial commit

commit 702b36b98cb24caa075f09f8443f3a08e03dea4e 0 parents
DEVtellect authored
Showing with 1,278 additions and 0 deletions.
  1. +11 −0 Base CSS/blockquote.sublime-snippet
  2. +8 −0 Base CSS/button-danger.sublime-snippet
  3. +8 −0 Base CSS/button-info.sublime-snippet
  4. +8 −0 Base CSS/button-inverse.sublime-snippet
  5. +8 −0 Base CSS/button-large.sublime-snippet
  6. +8 −0 Base CSS/button-link-danger.sublime-snippet
  7. +8 −0 Base CSS/button-link-info.sublime-snippet
  8. +8 −0 Base CSS/button-link-inverse.sublime-snippet
  9. +8 −0 Base CSS/button-link-large.sublime-snippet
  10. +8 −0 Base CSS/button-link-mini.sublime-snippet
  11. +8 −0 Base CSS/button-link-primary.sublime-snippet
  12. +8 −0 Base CSS/button-link-small.sublime-snippet
  13. +8 −0 Base CSS/button-link-success.sublime-snippet
  14. +8 −0 Base CSS/button-link-warning.sublime-snippet
  15. +8 −0 Base CSS/button-link.sublime-snippet
  16. +8 −0 Base CSS/button-mini.sublime-snippet
  17. +8 −0 Base CSS/button-primary.sublime-snippet
  18. +8 −0 Base CSS/button-small.sublime-snippet
  19. +8 −0 Base CSS/button-success.sublime-snippet
  20. +8 −0 Base CSS/button-warning.sublime-snippet
  21. +8 −0 Base CSS/button.sublime-snippet
  22. +68 −0 Base CSS/form-horizontal.sublime-snippet
  23. +11 −0 Components/alert-error.sublime-snippet
  24. +11 −0 Components/alert-info.sublime-snippet
  25. +11 −0 Components/alert-success.sublime-snippet
  26. +11 −0 Components/alert.sublime-snippet
  27. +18 −0 Components/breadcrumb.sublime-snippet
  28. +17 −0 Components/buttons-dropdown.sublime-snippet
  29. +12 −0 Components/buttons-grouped.sublime-snippet
  30. +8 −0 Components/label-important.sublime-snippet
  31. +8 −0 Components/label-info.sublime-snippet
  32. +8 −0 Components/label-success.sublime-snippet
  33. +8 −0 Components/label-warning.sublime-snippet
  34. +8 −0 Components/label.sublime-snippet
  35. +56 −0 Components/navbar.sublime-snippet
  36. +15 −0 Components/pager-aligned.sublime-snippet
  37. +15 −0 Components/pager.sublime-snippet
  38. +19 −0 Components/pagination.sublime-snippet
  39. +21 −0 Components/pills-dropdown.sublime-snippet
  40. +14 −0 Components/pills-stacked.sublime-snippet
  41. +14 −0 Components/pills.sublime-snippet
  42. +10 −0 Components/progress-stripped.sublime-snippet
  43. +10 −0 Components/progress.sublime-snippet
  44. +21 −0 Components/tabbable-below.sublime-snippet
  45. +21 −0 Components/tabbable-left.sublime-snippet
  46. +21 −0 Components/tabbable-right.sublime-snippet
  47. +21 −0 Components/tabbable.sublime-snippet
  48. +14 −0 Components/tabs-alert.sublime-snippet
  49. +21 −0 Components/tabs-dropdown.sublime-snippet
  50. +12 −0 Components/tabs-stacked.sublime-snippet
  51. +30 −0 Components/thumbnails.sublime-snippet
  52. +23 −0 Components/toolbar.sublime-snippet
  53. +146 −0 Examples/fluid.sublime-snippet
  54. +107 −0 Examples/hero.sublime-snippet
  55. +106 −0 Examples/starter.sublime-snippet
  56. +45 −0 Javascript Plugins/accordian.sublime-snippet
  57. +34 −0 Javascript Plugins/carousel.sublime-snippet
  58. +21 −0 Javascript Plugins/modal.sublime-snippet
  59. +10 −0 Javascript Plugins/modaljs.sublime-snippet
  60. +20 −0 Javascript Plugins/scripts.sublime-snippet
  61. +8 −0 Javascript Plugins/tooltip.sublime-snippet
  62. +17 −0 README.md
  63. +13 −0 Scaffolding/grid-four.sublime-snippet
  64. +12 −0 Scaffolding/grid-three.sublime-snippet
  65. +11 −0 Scaffolding/grid-two.sublime-snippet
11 Base CSS/blockquote.sublime-snippet
@@ -0,0 +1,11 @@
+<snippet>
+ <content><![CDATA[
+<blockquote>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p>
+ <small>Someone famous in <cite title="">Body of work</cite></small>
+</blockquote>
+]]></content>
+ <tabTrigger>tbblockquote</tabTrigger>
+ <description>Twitter Bootstrap default blockquote</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-danger.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<button class="btn btn-danger" type="submit">${1:Button}</button>
+]]></content>
+ <tabTrigger>tbbutton:d</tabTrigger>
+ <description>Twitter Bootstrap danger button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-info.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<button class="btn btn-info" type="submit">${1:Button}</button>
+]]></content>
+ <tabTrigger>tbbutton:i</tabTrigger>
+ <description>Twitter Bootstrap info button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-inverse.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<button class="btn btn-inverse" type="submit">${1:Button}</button>
+]]></content>
+ <tabTrigger>tbbutton:i</tabTrigger>
+ <description>Twitter Bootstrap inverse button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-large.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<button class="btn btn-large" type="submit">${1:Button}</button>
+]]></content>
+ <tabTrigger>tbbutton:large</tabTrigger>
+ <description>Twitter Bootstrap large button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-link-danger.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="${1:#}" class="btn btn-danger">${2:Link}</a>
+]]></content>
+ <tabTrigger>tblink:d</tabTrigger>
+ <description>Twitter Bootstrap danger link button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-link-info.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="${1:#}" class="btn btn-info">${2:Link}</a>
+]]></content>
+ <tabTrigger>tblink:i</tabTrigger>
+ <description>Twitter Bootstrap info link button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-link-inverse.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="${1:#}" class="btn btn-inverse">${2:Link}</a>
+]]></content>
+ <tabTrigger>tblink:i</tabTrigger>
+ <description>Twitter Bootstrap inverse link button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-link-large.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="${1:#}" class="btn btn-large">${2:Link}</a>
+]]></content>
+ <tabTrigger>tblink:l</tabTrigger>
+ <description>Twitter Bootstrap large link button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-link-mini.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="${1:#}" class="btn btn-mini">${2:Link}</a>
+]]></content>
+ <tabTrigger>tblink:m</tabTrigger>
+ <description>Twitter Bootstrap mini link button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-link-primary.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="${1:#}" class="btn btn-primary">${2:Link}</a>
+]]></content>
+ <tabTrigger>tblink:p</tabTrigger>
+ <description>Twitter Bootstrap primary link button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-link-small.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="${1:#}" class="btn btn-small">${2:Link}</a>
+]]></content>
+ <tabTrigger>tblink:s</tabTrigger>
+ <description>Twitter Bootstrap small link button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-link-success.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="${1:#}" class="btn btn-success">${2:Link}</a>
+]]></content>
+ <tabTrigger>tblink:s</tabTrigger>
+ <description>Twitter Bootstrap success link button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-link-warning.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="${1:#}" class="btn btn-warning">${2:Link}</a>
+]]></content>
+ <tabTrigger>tblink:w</tabTrigger>
+ <description>Twitter Bootstrap warning link button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-link.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="${1:#}" class="btn">${2:Link}</a>
+]]></content>
+ <tabTrigger>tbbutton</tabTrigger>
+ <description>Twitter Bootstrap default link button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-mini.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<button class="btn btn-mini" type="submit">${1:Button}</button>
+]]></content>
+ <tabTrigger>tbbutton:mini</tabTrigger>
+ <description>Twitter Bootstrap mini button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-primary.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<button class="btn btn-primary" type="submit">${1:Button}</button>
+]]></content>
+ <tabTrigger>tbbutton:p</tabTrigger>
+ <description>Twitter Bootstrap primary button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-small.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<button class="btn btn-small" type="submit">${1:Button}</button>
+]]></content>
+ <tabTrigger>tbbutton:small</tabTrigger>
+ <description>Twitter Bootstrap small button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-success.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<button class="btn btn-success" type="submit">${1:Button}</button>
+]]></content>
+ <tabTrigger>tbbutton:s</tabTrigger>
+ <description>Twitter Bootstrap success button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button-warning.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<button class="btn btn-warning" type="submit">${1:Button}</button>
+]]></content>
+ <tabTrigger>tbbutton:w</tabTrigger>
+ <description>Twitter Bootstrap warning button</description>
+ <scope>text.html</scope>
+</snippet>
8 Base CSS/button.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<button class="btn" type="submit">${1:Button}</button>
+]]></content>
+ <tabTrigger>tbbutton</tabTrigger>
+ <description>Twitter Bootstrap default button</description>
+ <scope>text.html</scope>
+</snippet>
68 Base CSS/form-horizontal.sublime-snippet
@@ -0,0 +1,68 @@
+<snippet>
+ <content><![CDATA[
+<form class="form-horizontal">
+ <fieldset>
+ <legend>Controls Bootstrap supports</legend>
+ <div class="control-group">
+ <label class="control-label" for="input01">Text input</label>
+ <div class="controls">
+ <input type="text" class="input-xlarge" id="input01">
+ <p class="help-block">In addition to freeform text, any HTML5 text-based input appears like so.</p>
+ </div>
+ </div>
+ <div class="control-group">
+ <label class="control-label" for="optionsCheckbox">Checkbox</label>
+ <div class="controls">
+ <label class="checkbox">
+ <input type="checkbox" id="optionsCheckbox" value="option1">
+ Option one is this and that—be sure to include why it's great
+ </label>
+ </div>
+ </div>
+ <div class="control-group">
+ <label class="control-label" for="select01">Select list</label>
+ <div class="controls">
+ <select id="select01">
+ <option>something</option>
+ <option>2</option>
+ <option>3</option>
+ <option>4</option>
+ <option>5</option>
+ </select>
+ </div>
+ </div>
+ <div class="control-group">
+ <label class="control-label" for="multiSelect">Multicon-select</label>
+ <div class="controls">
+ <select multiple="multiple" id="multiSelect">
+ <option>1</option>
+ <option>2</option>
+ <option>3</option>
+ <option>4</option>
+ <option>5</option>
+ </select>
+ </div>
+ </div>
+ <div class="control-group">
+ <label class="control-label" for="fileInput">File input</label>
+ <div class="controls">
+ <input class="input-file" id="fileInput" type="file">
+ </div>
+ </div>
+ <div class="control-group">
+ <label class="control-label" for="textarea">Textarea</label>
+ <div class="controls">
+ <textarea class="input-xlarge" id="textarea" rows="3"></textarea>
+ </div>
+ </div>
+ <div class="form-actions">
+ <button type="submit" class="btn btn-primary">Save changes</button>
+ <button class="btn">Cancel</button>
+ </div>
+ </fieldset>
+</form>
+]]></content>
+ <tabTrigger>tbform:h</tabTrigger>
+ <description>Twitter Bootstrap horizontal form</description>
+ <scope>text.html</scope>
+</snippet>
11 Components/alert-error.sublime-snippet
@@ -0,0 +1,11 @@
+<snippet>
+ <content><![CDATA[
+<div class="alert alert-error">
+ <a class="close" data-dismiss="alert">×</a>
+ <strong>${1:Error!}</strong> ${2:Change a few things up and try submitting again.}.
+</div>
+]]></content>
+ <tabTrigger>tbalert:e</tabTrigger>
+ <description>Twitter Bootstrap error alert</description>
+ <scope>text.html</scope>
+</snippet>
11 Components/alert-info.sublime-snippet
@@ -0,0 +1,11 @@
+<snippet>
+ <content><![CDATA[
+<div class="alert alert-info">
+ <a class="close" data-dismiss="alert">×</a>
+ <strong>${1:Information!}</strong> ${2:This alert needs your attention, but it's not super important.}
+</div>
+]]></content>
+ <tabTrigger>tbalert:i</tabTrigger>
+ <description>Twitter Bootstrap information alert</description>
+ <scope>text.html</scope>
+</snippet>
11 Components/alert-success.sublime-snippet
@@ -0,0 +1,11 @@
+<snippet>
+ <content><![CDATA[
+<div class="alert alert-success">
+ <a class="close" data-dismiss="alert">×</a>
+ <strong>${1:Success!}</strong> ${2:You successfully read this important alert message.}
+</div>
+]]></content>
+ <tabTrigger>tbalert:s</tabTrigger>
+ <description>Twitter Bootstrap success alert</description>
+ <scope>text.html</scope>
+</snippet>
11 Components/alert.sublime-snippet
@@ -0,0 +1,11 @@
+<snippet>
+ <content><![CDATA[
+<div class="alert">
+ <a class="close" data-dismiss="alert">×</a>
+ <strong>${1:Warning!}</strong> ${2:Best check yo self, you're not looking too good}.
+</div>
+]]></content>
+ <tabTrigger>tbalert</tabTrigger>
+ <description>Twitter Bootstrap default alert</description>
+ <scope>text.html</scope>
+</snippet>
18 Components/breadcrumb.sublime-snippet
@@ -0,0 +1,18 @@
+<snippet>
+ <content><![CDATA[
+<ul class="breadcrumb">
+ <li>
+ <a href="#">${1:Home}</a> <span class="divider">/</span>
+ </li>
+ <li>
+ <a href="#">${2:Library}</a> <span class="divider">/</span>
+ </li>
+ <li class="active">
+ <a href="#">${3:Data}</a>
+ </li>
+</ul>
+]]></content>
+ <tabTrigger>tbbreadcrumb</tabTrigger>
+ <description>Twitter Bootstrap breadcrumb</description>
+ <scope>text.html</scope>
+</snippet>
17 Components/buttons-dropdown.sublime-snippet
@@ -0,0 +1,17 @@
+<snippet>
+ <content><![CDATA[
+<div class="btn-group">
+ <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Action <span class="caret"></span></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">${1:Action}</a></li>
+ <li><a href="#">${2:Another action}</a></li>
+ <li><a href="#">${3:Something else here}</a></li>
+ <li class="divider"></li>
+ <li><a href="#">${4:Separated link}</a></li>
+ </ul>
+</div>
+]]></content>
+ <tabTrigger>tbbuttons:d</tabTrigger>
+ <description>Twitter Bootstrap button dropdowns</description>
+ <scope>text.html</scope>
+</snippet>
12 Components/buttons-grouped.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+ <content><![CDATA[
+<div class="btn-group">
+ <a class="btn" href="#">${1:Button1}</a>
+ <a class="btn" href="#">${2:Button2}</a>
+ <a class="btn" href="#">${3:Button3}</a>
+</div>
+]]></content>
+ <tabTrigger>tbbuttons:g</tabTrigger>
+ <description>Twitter Bootstrap grouped buttons</description>
+ <scope>text.html</scope>
+</snippet>
8 Components/label-important.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<span class="label label-important">${1:Important}</span>
+]]></content>
+ <tabTrigger>tblabel:it</tabTrigger>
+ <description>Twitter Bootstrap important inline label</description>
+ <scope>text.html</scope>
+</snippet>
8 Components/label-info.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<span class="label label-info">${1:Info}</span>
+]]></content>
+ <tabTrigger>tblabel:io</tabTrigger>
+ <description>Twitter Bootstrap info inline label</description>
+ <scope>text.html</scope>
+</snippet>
8 Components/label-success.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<span class="label label-success">${1:Success}</span>
+]]></content>
+ <tabTrigger>tblabel:s</tabTrigger>
+ <description>Twitter Bootstrap success inline label</description>
+ <scope>text.html</scope>
+</snippet>
8 Components/label-warning.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<span class="label label-warning">${1:Warning}</span>
+]]></content>
+ <tabTrigger>tblabel:w</tabTrigger>
+ <description>Twitter Bootstrap warning inline label</description>
+ <scope>text.html</scope>
+</snippet>
8 Components/label.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<span class="label">${1:Default}</span>
+]]></content>
+ <tabTrigger>tblabel</tabTrigger>
+ <description>Twitter Bootstrap basic inline label</description>
+ <scope>text.html</scope>
+</snippet>
56 Components/navbar.sublime-snippet
@@ -0,0 +1,56 @@
+<snippet>
+ <content><![CDATA[
+<div class="navbar">
+ <div class="navbar-inner">
+ <div class="container" style="width: auto;">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="#">Project name</a>
+ <div class="nav-collapse">
+ <ul class="nav">
+ <li class="active"><a href="#">Home</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li class="nav-header">Nav header</li>
+ <li><a href="#">Separated link</a></li>
+ <li><a href="#">One more separated link</a></li>
+ </ul>
+ </li>
+ </ul>
+ <form class="navbar-search pull-left" action="">
+ <input type="text" class="search-query span2" placeholder="Search">
+ </form>
+ <ul class="nav pull-right">
+ <li><a href="#">Link</a></li>
+ <li class="divider-vertical"></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div><!-- /.nav-collapse -->
+ </div>
+ </div><!-- /navbar-inner -->
+</div>
+]]></content>
+ <tabTrigger>tbnavbar</tabTrigger>
+ <description>Twitter Bootstrap navigation bar</description>
+ <scope>text.html</scope>
+</snippet>
15 Components/pager-aligned.sublime-snippet
@@ -0,0 +1,15 @@
+<snippet>
+ <content><![CDATA[
+<ul class="pager">
+ <li class="previous">
+ <a href="#">&larr; Older</a>
+ </li>
+ <li class="next">
+ <a href="#">Newer &rarr;</a>
+ </li>
+</ul>
+]]></content>
+ <tabTrigger>tbpager:a</tabTrigger>
+ <description>Twitter Bootstrap pager with aligned links</description>
+ <scope>text.html</scope>
+</snippet>
15 Components/pager.sublime-snippet
@@ -0,0 +1,15 @@
+<snippet>
+ <content><![CDATA[
+<ul class="pager">
+ <li>
+ <a href="#">Previous</a>
+ </li>
+ <li>
+ <a href="#">Next</a>
+ </li>
+</ul>
+]]></content>
+ <tabTrigger>tbpager</tabTrigger>
+ <description>Twitter Bootstrap deafult pager</description>
+ <scope>text.html</scope>
+</snippet>
19 Components/pagination.sublime-snippet
@@ -0,0 +1,19 @@
+<snippet>
+ <content><![CDATA[
+<div class="pagination">
+ <ul>
+ <li><a href="#">Prev</a></li>
+ <li class="active">
+ <a href="#">1</a>
+ </li>
+ <li><a href="#">2</a></li>
+ <li><a href="#">3</a></li>
+ <li><a href="#">4</a></li>
+ <li><a href="#">Next</a></li>
+ </ul>
+</div>
+]]></content>
+ <tabTrigger>tbpagination</tabTrigger>
+ <description>Twitter Bootstrap pagination</description>
+ <scope>text.html</scope>
+</snippet>
21 Components/pills-dropdown.sublime-snippet
@@ -0,0 +1,21 @@
+<snippet>
+ <content><![CDATA[
+<ul class="nav nav-pills">
+ <li class="active"><a href="#">${1:Home}</a></li>
+ <li><a href="#">${2:Profile}</a></li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">${3:Dropdown} <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">${4:Action}</a></li>
+ <li><a href="#">${5:Another action}</a></li>
+ <li><a href="#">${6:Something else here}</a></li>
+ <li class="divider"></li>
+ <li><a href="#">${7:Separated link}</a></li>
+ </ul>
+ </li>
+</ul>
+]]></content>
+ <tabTrigger>tbpills:d</tabTrigger>
+ <description>Twitter Bootstrap pills with dropdowns</description>
+ <scope>text.html</scope>
+</snippet>
14 Components/pills-stacked.sublime-snippet
@@ -0,0 +1,14 @@
+<snippet>
+ <content><![CDATA[
+<ul class="nav nav-pills nav-stacked">
+ <li class="active">
+ <a href="#">${1:Home}</a>
+ </li>
+ <li><a href="#">${2:Profile}</a></li>
+ <li><a href="#">${3:Messages}</a></li>
+</ul>
+]]></content>
+ <tabTrigger>tbpills</tabTrigger>
+ <description>Twitter Bootstrap basic pills</description>
+ <scope>text.html</scope>
+</snippet>
14 Components/pills.sublime-snippet
@@ -0,0 +1,14 @@
+<snippet>
+ <content><![CDATA[
+<ul class="nav nav-pills">
+ <li class="active">
+ <a href="#">${1:Home}</a>
+ </li>
+ <li><a href="#">${2:Profile}</a></li>
+ <li><a href="#">${3:Messages}</a></li>
+</ul>
+]]></content>
+ <tabTrigger>tbpills</tabTrigger>
+ <description>Twitter Bootstrap basic pills</description>
+ <scope>text.html</scope>
+</snippet>
10 Components/progress-stripped.sublime-snippet
@@ -0,0 +1,10 @@
+<snippet>
+ <content><![CDATA[
+<div class="progress progress-striped">
+ <div class="bar" style="width: 60%;"></div>
+</div>
+]]></content>
+ <tabTrigger>tbprogress:s</tabTrigger>
+ <description>Twitter Bootstrap stripped progress bar</description>
+ <scope>text.html</scope>
+</snippet>
10 Components/progress.sublime-snippet
@@ -0,0 +1,10 @@
+<snippet>
+ <content><![CDATA[
+<div class="progress">
+ <div class="bar" style="width: 60%;"></div>
+</div>
+]]></content>
+ <tabTrigger>tbprogress</tabTrigger>
+ <description>Twitter Bootstrap basic progress bar</description>
+ <scope>text.html</scope>
+</snippet>
21 Components/tabbable-below.sublime-snippet
@@ -0,0 +1,21 @@
+<snippet>
+ <content><![CDATA[
+<div class="tabbable tabs-below">
+ <ul class="nav nav-tabs">
+ <li class="active"><a href="#1" data-toggle="tab">Section 1</a></li>
+ <li><a href="#2" data-toggle="tab">Section 2</a></li>
+ </ul>
+ <div class="tab-content">
+ <div class="tab-pane active" id="1">
+ <p>I'm in Section 1.</p>
+ </div>
+ <div class="tab-pane" id="2">
+ <p>Howdy, I'm in Section 2.</p>
+ </div>
+ </div>
+</div>
+]]></content>
+ <tabTrigger>tbtabbable:b</tabTrigger>
+ <description>Twitter Bootstrap tabbable navigation tabs on the bottom</description>
+ <scope>text.html</scope>
+</snippet>
21 Components/tabbable-left.sublime-snippet
@@ -0,0 +1,21 @@
+<snippet>
+ <content><![CDATA[
+<div class="tabbable tabs-left">
+ <ul class="nav nav-tabs">
+ <li class="active"><a href="#1" data-toggle="tab">Section 1</a></li>
+ <li><a href="#2" data-toggle="tab">Section 2</a></li>
+ </ul>
+ <div class="tab-content">
+ <div class="tab-pane active" id="1">
+ <p>I'm in Section 1.</p>
+ </div>
+ <div class="tab-pane" id="2">
+ <p>Howdy, I'm in Section 2.</p>
+ </div>
+ </div>
+</div>
+]]></content>
+ <tabTrigger>tbtabbable:l</tabTrigger>
+ <description>Twitter Bootstrap tabbable navigation tabs on the left</description>
+ <scope>text.html</scope>
+</snippet>
21 Components/tabbable-right.sublime-snippet
@@ -0,0 +1,21 @@
+<snippet>
+ <content><![CDATA[
+<div class="tabbable tabs-right">
+ <ul class="nav nav-tabs">
+ <li class="active"><a href="#1" data-toggle="tab">Section 1</a></li>
+ <li><a href="#2" data-toggle="tab">Section 2</a></li>
+ </ul>
+ <div class="tab-content">
+ <div class="tab-pane active" id="1">
+ <p>I'm in Section 1.</p>
+ </div>
+ <div class="tab-pane" id="2">
+ <p>Howdy, I'm in Section 2.</p>
+ </div>
+ </div>
+</div>
+]]></content>
+ <tabTrigger>tbtabbable:r</tabTrigger>
+ <description>Twitter Bootstrap tabbable navigation tabs on the right</description>
+ <scope>text.html</scope>
+</snippet>
21 Components/tabbable.sublime-snippet
@@ -0,0 +1,21 @@
+<snippet>
+ <content><![CDATA[
+<div class="tabbable">
+ <ul class="nav nav-tabs">
+ <li class="active"><a href="#1" data-toggle="tab">Section 1</a></li>
+ <li><a href="#2" data-toggle="tab">Section 2</a></li>
+ </ul>
+ <div class="tab-content">
+ <div class="tab-pane active" id="1">
+ <p>I'm in Section 1.</p>
+ </div>
+ <div class="tab-pane" id="2">
+ <p>Howdy, I'm in Section 2.</p>
+ </div>
+ </div>
+</div>
+]]></content>
+ <tabTrigger>tbtabbable</tabTrigger>
+ <description>Twitter Bootstrap tabbable navigation tabs</description>
+ <scope>text.html</scope>
+</snippet>
14 Components/tabs-alert.sublime-snippet
@@ -0,0 +1,14 @@
+<snippet>
+ <content><![CDATA[
+<ul class="nav nav-tabs">
+ <li class="active">
+ <a href="#">${1:Home}</a>
+ </li>
+ <li><a href="#">${2:Profile}</a></li>
+ <li><a href="#">${3:Messages}</a></li>
+</ul>
+]]></content>
+ <tabTrigger>tbtabs</tabTrigger>
+ <description>Twitter Bootstrap basic tabs</description>
+ <scope>text.html</scope>
+</snippet>
21 Components/tabs-dropdown.sublime-snippet
@@ -0,0 +1,21 @@
+<snippet>
+ <content><![CDATA[
+<ul class="nav nav-tabs">
+ <li class="active"><a href="#">${1:Home}</a></li>
+ <li><a href="#">${2:Profile}</a></li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">${3:Dropdown} <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">${4:Action}</a></li>
+ <li><a href="#">${5:Another action}</a></li>
+ <li><a href="#">${6:Something else here}</a></li>
+ <li class="divider"></li>
+ <li><a href="#">${7:Separated link}</a></li>
+ </ul>
+ </li>
+</ul>
+]]></content>
+ <tabTrigger>tbtabs:d</tabTrigger>
+ <description>Twitter Bootstrap tabs with dropdowns</description>
+ <scope>text.html</scope>
+</snippet>
12 Components/tabs-stacked.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+ <content><![CDATA[
+<ul class="nav nav-tabs nav-stacked">
+ <li class="active"><a href="#">${1:Home}</a></li>
+ <li><a href="#">${2:Profile}</a></li>
+ <li><a href="#">${3:Messages}</a></li>
+</ul>
+]]></content>
+ <tabTrigger>tbtabs:s</tabTrigger>
+ <description>Twitter Bootstrap basic tabs</description>
+ <scope>text.html</scope>
+</snippet>
30 Components/thumbnails.sublime-snippet
@@ -0,0 +1,30 @@
+<snippet>
+ <content><![CDATA[
+<ul class="thumbnails">
+ <li class="span4">
+ <a class="thumbnail" href="examples/hero.html">
+ <img src="assets/img/examples/bootstrap-example-hero.jpg" alt="">
+ </a>
+ <h3>Basic marketing site</h3>
+ <p>Featuring a hero unit for a primary message and three supporting elements.</p>
+ </li>
+ <li class="span4">
+ <a class="thumbnail" href="examples/fluid.html">
+ <img src="assets/img/examples/bootstrap-example-fluid.jpg" alt="">
+ </a>
+ <h3>Fluid layout</h3>
+ <p>Uses our new responsive, fluid grid system to create seamless liquid layout.</p>
+ </li>
+ <li class="span4">
+ <a class="thumbnail" href="examples/starter-template.html">
+ <img src="assets/img/examples/bootstrap-example-starter.jpg" alt="">
+ </a>
+ <h3>Starter template</h3>
+ <p>A barebones HTML document with all the Bootstrap CSS and javascript included.</p>
+ </li>
+</ul>
+]]></content>
+ <tabTrigger>tbthumbnails</tabTrigger>
+ <description>Twitter Bootstrap thumbnails</description>
+ <scope>text.html</scope>
+</snippet>
23 Components/toolbar.sublime-snippet
@@ -0,0 +1,23 @@
+<snippet>
+ <content><![CDATA[
+<div class="btn-toolbar">
+ <div class="btn-group">
+ <a class="btn" href="#">1</a>
+ <a class="btn" href="#">2</a>
+ <a class="btn" href="#">3</a>
+ <a class="btn" href="#">4</a>
+ </div>
+ <div class="btn-group">
+ <a class="btn" href="#">5</a>
+ <a class="btn" href="#">6</a>
+ <a class="btn" href="#">7</a>
+ </div>
+ <div class="btn-group">
+ <a class="btn" href="#">8</a>
+ </div>
+</div>
+]]></content>
+ <tabTrigger>tbtoolbar</tabTrigger>
+ <description>Twitter Bootstrap toolbar</description>
+ <scope>text.html</scope>
+</snippet>
146 Examples/fluid.sublime-snippet
@@ -0,0 +1,146 @@
+<snippet>
+ <content><![CDATA[
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <title>Bootstrap, from Twitter</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!-- Le styles -->
+ <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
+ <style type="text/css">
+ body { padding-top: 60px; padding-bottom: 40px; }
+ </style>
+ <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
+ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+ <!--[if lt IE 9]>
+ <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="http://twitter.github.com/bootstrap/assets/images/favicon.ico">
+ <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="http://twitter.github.com/bootstrap/assets/images/apple-touch-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="http://twitter.github.com/bootstrap/assets/images/apple-touch-icon-114x114.png">
+</head>
+<body>
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container-fluid">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="#">Project name</a>
+ <div class="nav-collapse">
+ <ul class="nav">
+ <li class="active"><a href="#">Home</a></li>
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ <p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>
+ </div><!--/.nav-collapse -->
+ </div>
+ </div>
+ </div>
+
+ <div class="container-fluid">
+ <div class="row-fluid">
+ <div class="span3">
+ <div class="well sidebar-nav">
+ <ul class="nav nav-list">
+ <li class="nav-header">Sidebar</li>
+ <li class="active"><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li class="nav-header">Sidebar</li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li class="nav-header">Sidebar</li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ </ul>
+ </div><!--/.well -->
+ </div><!--/span-->
+ <div class="span9">
+ <div class="hero-unit">
+ <h1>Hello, world!</h1>
+ <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
+ <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
+ </div>
+ <div class="row-fluid">
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div><!--/span-->
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div><!--/span-->
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div><!--/span-->
+ </div><!--/row-->
+ <div class="row-fluid">
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div><!--/span-->
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div><!--/span-->
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div><!--/span-->
+ </div><!--/row-->
+ </div><!--/span-->
+ </div><!--/row-->
+ <hr>
+ <footer>
+ <p>&copy; Company 2012</p>
+ </footer>
+ </div><!--/.fluid-container-->
+
+ <!-- Le javascript
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster -->
+ <script src="http://code.jquery.com/jquery.min.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-transition.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-alert.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-modal.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-dropdown.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-scrollspy.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tab.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tooltip.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-popover.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-button.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-collapse.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-carousel.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-typeahead.js"></script>
+</body>
+</html>
+]]></content>
+ <tabTrigger>tbfluid</tabTrigger>
+ <description>Twitter Bootstrap fluid layout</description>
+ <scope>text.html</scope>
+</snippet>
107 Examples/hero.sublime-snippet
@@ -0,0 +1,107 @@
+<snippet>
+ <content><![CDATA[
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <title>Bootstrap, from Twitter</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!-- Le styles -->
+ <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
+ <style type="text/css">
+ body { padding-top: 60px; padding-bottom: 40px; }
+ </style>
+ <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
+ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+ <!--[if lt IE 9]>
+ <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="http://twitter.github.com/bootstrap/assets/images/favicon.ico">
+ <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="http://twitter.github.com/bootstrap/assets/images/apple-touch-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="http://twitter.github.com/bootstrap/assets/images/apple-touch-icon-114x114.png">
+</head>
+<body>
+
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="#">Project name</a>
+ <div class="nav-collapse">
+ <ul class="nav">
+ <li class="active"><a href="#">Home</a></li>
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ </div><!--/.nav-collapse -->
+ </div>
+ </div>
+ </div>
+
+ <div class="container">
+ <!-- Main hero unit for a primary marketing message or call to action -->
+ <div class="hero-unit">
+ <h1>Hello, world!</h1>
+ <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
+ <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
+ </div>
+
+ <!-- Example row of columns -->
+ <div class="row">
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div>
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div>
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div>
+ </div>
+ <hr>
+ <footer>
+ <p>&copy; Company 2012</p>
+ </footer>
+
+ </div> <!-- /container -->
+
+ <!-- Le javascript
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster -->
+ <script src="http://code.jquery.com/jquery.min.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-transition.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-alert.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-modal.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-dropdown.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-scrollspy.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tab.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tooltip.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-popover.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-button.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-collapse.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-carousel.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-typeahead.js"></script>
+</body>
+</html>
+]]></content>
+ <tabTrigger>tbhero</tabTrigger>
+ <description>Twitter Bootstrap hero example</description>
+ <scope>text.html</scope>
+</snippet>
106 Examples/starter.sublime-snippet
@@ -0,0 +1,106 @@
+<snippet>
+ <content><![CDATA[
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <title>Bootstrap, from Twitter</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!-- Le styles -->
+ <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
+ <style type="text/css">
+ body { padding-top: 60px; padding-bottom: 40px; }
+ </style>
+ <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
+ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+ <!--[if lt IE 9]>
+ <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- Le fav and touch icons -->
+ <link rel="shortcut icon" href="http://twitter.github.com/bootstrap/assets/images/favicon.ico">
+ <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="http://twitter.github.com/bootstrap/assets/images/apple-touch-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="http://twitter.github.com/bootstrap/assets/images/apple-touch-icon-114x114.png">
+</head>
+<body>
+
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="#">Project name</a>
+ <div class="nav-collapse">
+ <ul class="nav">
+ <li class="active"><a href="#">Home</a></li>
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ </div><!--/.nav-collapse -->
+ </div>
+ </div>
+ </div>
+
+ <div class="container">
+ <!-- Main hero unit for a primary marketing message or call to action -->
+ <div class="hero-unit">
+ <h1>Hello, world!</h1>
+ <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
+ <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
+ </div>
+ <!-- Example row of columns -->
+ <div class="row">
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div>
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div>
+ <div class="span4">
+ <h2>Heading</h2>
+ <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+ <p><a class="btn" href="#">View details &raquo;</a></p>
+ </div>
+ </div>
+
+ <hr>
+
+ <footer>
+ <p>&copy; Company 2012</p>
+ </footer>
+ </div> <!-- /container -->
+
+ <!-- Le javascript
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster -->
+ <script src="http://code.jquery.com/jquery.min.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-transition.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-alert.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-modal.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-dropdown.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-scrollspy.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tab.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tooltip.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-popover.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-button.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-collapse.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-carousel.js"></script>
+ <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-typeahead.js"></script>
+</body>
+]]></content>
+ <tabTrigger>tbstarter</tabTrigger>
+ <description>Twitter Bootstrap starter</description>
+ <scope>text.html</scope>
+</snippet>
45 Javascript Plugins/accordian.sublime-snippet
@@ -0,0 +1,45 @@
+<snippet>
+ <content><![CDATA[
+ <div class="accordion" id="accordion">
+ <div class="accordion-group">
+ <div class="accordion-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
+ Collapsible Group Item #1
+ </a>
+ </div>
+ <div id="collapseOne" class="accordion-body collapse in">
+ <div class="accordion-inner">
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+ </div>
+ </div>
+ </div>
+ <div class="accordion-group">
+ <div class="accordion-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
+ Collapsible Group Item #2
+ </a>
+ </div>
+ <div id="collapseTwo" class="accordion-body collapse">
+ <div class="accordion-inner">
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+ </div>
+ </div>
+ </div>
+ <div class="accordion-group">
+ <div class="accordion-heading">
+ <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
+ Collapsible Group Item #3
+ </a>
+ </div>
+ <div id="collapseThree" class="accordion-body collapse">
+ <div class="accordion-inner">
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+ </div>
+ </div>
+ </div>
+ </div>
+]]></content>
+ <tabTrigger>tbaccordian</tabTrigger>
+ <description>Twitter Bootstrap accordian</description>
+ <scope>text.html</scope>
+</snippet>
34 Javascript Plugins/carousel.sublime-snippet
@@ -0,0 +1,34 @@
+<snippet>
+ <content><![CDATA[
+<div id="myCarousel" class="carousel slide">
+ <div class="carousel-inner">
+ <div class="item">
+ <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
+ <div class="carousel-caption">
+ <h4>First Thumbnail label</h4>
+ <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+ </div>
+ </div>
+ <div class="item">
+ <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
+ <div class="carousel-caption">
+ <h4>Second Thumbnail label</h4>
+ <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+ </div>
+ </div>
+ <div class="item active">
+ <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
+ <div class="carousel-caption">
+ <h4>Third Thumbnail label</h4>
+ <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+ </div>
+ </div>
+ </div>
+ <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
+ <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
+</div>
+]]></content>
+ <tabTrigger>tbcarousel</tabTrigger>
+ <description>Twitter Bootstrap carousel</description>
+ <scope>text.html</scope>
+</snippet>
21 Javascript Plugins/modal.sublime-snippet
@@ -0,0 +1,21 @@
+<snippet>
+ <content><![CDATA[
+<a class="btn" data-toggle="modal" href="#myModal">Launch Modal</a>
+<div class="modal" id="myModal">
+ <div class="modal-header">
+ <a class="close" data-dismiss="modal">×</a>
+ <h3>Modal header</h3>
+ </div>
+ <div class="modal-body">
+ <p>One fine body…</p>
+ </div>
+ <div class="modal-footer">
+ <a href="#" class="btn btn-primary">Save changes</a>
+ <a href="#" class="btn">Close</a>
+ </div>
+</div>
+]]></content>
+ <tabTrigger>tbmodal</tabTrigger>
+ <description>Twitter Bootstrap modal</description>
+ <scope>text.html</scope>
+</snippet>
10 Javascript Plugins/modaljs.sublime-snippet
@@ -0,0 +1,10 @@
+<snippet>
+ <content><![CDATA[
+\$(${1:'#modal'}).on(${2:'show|shown|hide|hidden'}, function () \{
+ ${3}
+\});
+]]></content>
+ <tabTrigger>tbmodaljs</tabTrigger>
+ <scope>source.js,source.js.embedded.html</scope>
+ <description>Twitter Bootstrap modal events</description>
+</snippet>
20 Javascript Plugins/scripts.sublime-snippet
@@ -0,0 +1,20 @@
+<snippet>
+ <content><![CDATA[
+<script src="http://code.jquery.com/jquery.min.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-transition.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-alert.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-modal.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-dropdown.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-scrollspy.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tab.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tooltip.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-popover.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-button.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-collapse.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-carousel.js"></script>
+<script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-typeahead.js"></script>
+]]></content>
+ <tabTrigger>tbscripts</tabTrigger>
+ <description>Twitter Bootstrap scripts reference</description>
+ <scope>text.html</scope>
+</snippet>
8 Javascript Plugins/tooltip.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+ <content><![CDATA[
+<a href="#" rel="tooltip" title="first tooltip">hover over me</a>
+]]></content>
+ <tabTrigger>tbtooltip</tabTrigger>
+ <description>Twitter Bootstrap tooltips</description>
+ <scope>text.html</scope>
+</snippet>
17 README.md
@@ -0,0 +1,17 @@
+[Sublime Text Twitter Bootstrap Snippets](http://github.com/devtellect/sublime-twitter-bootstrap-snippets/)
+========================================
+
+A bunch of nicely described and categorized [Twitter Bootstrap](http://twitter.github.com/bootstrap/) code snippets for [Sublime Text](http://sublimetext.com) editor.
+
+## Installation
+*1.* Clone the repository into your packages folder.
+
+ git clone git@github.com:devtellect/sublime-twitter-bootstrap-snippets.git
+
+*2.* Download the [.zip](http://github.com/devtellect/sublime-twitter-bootstrap-snippets/zipball/master) file and unzip it into your ST2 packages directory.
+
+## License
+License: MIT [http://www.opensource.org/licenses/mit-license.php](http://www.opensource.org/licenses/mit-license.php)
+
+## Author
+Twitter: [DEVtellect](http://twitter.com/devtellect) | GitHub: [DEVtellect](http://github.com/devtellect)
13 Scaffolding/grid-four.sublime-snippet
@@ -0,0 +1,13 @@
+<snippet>
+ <content><![CDATA[
+<div class="row">
+ <div class="span3">${1:Column 1}</div>
+ <div class="span3">${2:Column 2}</div>
+ <div class="span3">${3:Column 3}</div>
+ <div class="span3">${4:Column 4}</div>
+</div>
+]]></content>
+ <tabTrigger>tbgrid:4</tabTrigger>
+ <description>Twitter Bootstrap basic four column grid</description>
+ <scope>text.html</scope>
+</snippet>
12 Scaffolding/grid-three.sublime-snippet
@@ -0,0 +1,12 @@
+<snippet>
+ <content><![CDATA[
+<div class="row">
+ <div class="span4">${1:Column 1}</div>
+ <div class="span4">${2:Column 2}</div>
+ <div class="span4">${3:Column 3}</div>
+</div>
+]]></content>
+ <tabTrigger>tbgrid:3</tabTrigger>
+ <description>Twitter Bootstrap basic three column grid</description>
+ <scope>text.html</scope>
+</snippet>
11 Scaffolding/grid-two.sublime-snippet
@@ -0,0 +1,11 @@
+<snippet>
+ <content><![CDATA[
+<div class="row">
+ <div class="span6">${1:Column 1}</div>
+ <div class="span6">${2:Column 2}</div>
+</div>
+]]></content>
+ <tabTrigger>tbgrid:2</tabTrigger>
+ <description>Twitter Bootstrap basic two column grid</description>
+ <scope>text.html</scope>
+</snippet>
Please sign in to comment.
Something went wrong with that request. Please try again.