├── Base CSS ├── blockquote.sublime-snippet ├── button-danger.sublime-snippet ├── button-info.sublime-snippet ├── button-inverse.sublime-snippet ├── button-large.sublime-snippet ├── button-link-danger.sublime-snippet ├── button-link-info.sublime-snippet ├── button-link-inverse.sublime-snippet ├── button-link-large.sublime-snippet ├── button-link-mini.sublime-snippet ├── button-link-primary.sublime-snippet ├── button-link-small.sublime-snippet ├── button-link-success.sublime-snippet ├── button-link-warning.sublime-snippet ├── button-link.sublime-snippet ├── button-mini.sublime-snippet ├── button-primary.sublime-snippet ├── button-small.sublime-snippet ├── button-success.sublime-snippet ├── button-warning.sublime-snippet ├── button.sublime-snippet └── form-horizontal.sublime-snippet ├── Components ├── alert-error.sublime-snippet ├── alert-info.sublime-snippet ├── alert-success.sublime-snippet ├── alert.sublime-snippet ├── badge-error.sublime-snippet ├── badge-info.sublime-snippet ├── badge-inverse.sublime-snippet ├── badge-success.sublime-snippet ├── badge-warning.sublime-snippet ├── badge.sublime-snippet ├── breadcrumb.sublime-snippet ├── buttons-dropdown.sublime-snippet ├── buttons-grouped.sublime-snippet ├── label-important.sublime-snippet ├── label-info.sublime-snippet ├── label-success.sublime-snippet ├── label-warning.sublime-snippet ├── label.sublime-snippet ├── navbar.sublime-snippet ├── pager-aligned.sublime-snippet ├── pager.sublime-snippet ├── pagination.sublime-snippet ├── pills-dropdown.sublime-snippet ├── pills-stacked.sublime-snippet ├── pills.sublime-snippet ├── progress-stripped.sublime-snippet ├── progress.sublime-snippet ├── tabbable-below.sublime-snippet ├── tabbable-left.sublime-snippet ├── tabbable-right.sublime-snippet ├── tabbable.sublime-snippet ├── tabs-alert.sublime-snippet ├── tabs-dropdown.sublime-snippet ├── tabs-stacked.sublime-snippet ├── thumbnails.sublime-snippet └── toolbar.sublime-snippet ├── Examples ├── fluid.sublime-snippet ├── hero.sublime-snippet └── starter.sublime-snippet ├── Javascript Plugins ├── accordion.sublime-snippet ├── carousel.sublime-snippet ├── modal.sublime-snippet ├── modaljs.sublime-snippet ├── scripts.sublime-snippet └── tooltip.sublime-snippet ├── README.md └── Scaffolding ├── grid-four.sublime-snippet ├── grid-three.sublime-snippet └── grid-two.sublime-snippet /Base CSS/blockquote.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.

5 | Someone famous in Body of work 6 | 7 | ]]> 8 | tbblockquote 9 | Bootstrap default blockquote 10 | text.html 11 | -------------------------------------------------------------------------------- /Base CSS/button-danger.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Button} 4 | ]]> 5 | tbbutton:d 6 | Bootstrap danger button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Button} 4 | ]]> 5 | tbbutton:i 6 | Bootstrap info button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-inverse.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Button} 4 | ]]> 5 | tbbutton:i 6 | Bootstrap inverse button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-large.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Button} 4 | ]]> 5 | tbbutton:large 6 | Bootstrap large button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-link-danger.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Link} 4 | ]]> 5 | tblink:d 6 | Bootstrap danger link button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-link-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Link} 4 | ]]> 5 | tblink:i 6 | Bootstrap info link button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-link-inverse.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Link} 4 | ]]> 5 | tblink:i 6 | Bootstrap inverse link button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-link-large.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Link} 4 | ]]> 5 | tblink:l 6 | Bootstrap large link button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-link-mini.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Link} 4 | ]]> 5 | tblink:m 6 | Bootstrap mini link button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-link-primary.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Link} 4 | ]]> 5 | tblink:p 6 | Bootstrap primary link button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-link-small.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Link} 4 | ]]> 5 | tblink:s 6 | Bootstrap small link button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-link-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Link} 4 | ]]> 5 | tblink:s 6 | Bootstrap success link button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-link-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Link} 4 | ]]> 5 | tblink:w 6 | Bootstrap warning link button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-link.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Link} 4 | ]]> 5 | tbbutton 6 | Bootstrap default link button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-mini.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Button} 4 | ]]> 5 | tbbutton:mini 6 | Bootstrap mini button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-primary.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Button} 4 | ]]> 5 | tbbutton:p 6 | Bootstrap primary button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-small.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Button} 4 | ]]> 5 | tbbutton:small 6 | Bootstrap small button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Button} 4 | ]]> 5 | tbbutton:s 6 | Bootstrap success button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Button} 4 | ]]> 5 | tbbutton:w 6 | Bootstrap warning button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Button} 4 | ]]> 5 | tbbutton 6 | Bootstrap default button 7 | text.html 8 | -------------------------------------------------------------------------------- /Base CSS/form-horizontal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 | Controls Bootstrap supports 6 |
7 | 8 |
9 | 10 |

In addition to freeform text, any HTML5 text-based input appears like so.

11 |
12 |
13 |
14 | 15 |
16 | 20 |
21 |
22 |
23 | 24 |
25 | 32 |
33 |
34 |
35 | 36 |
37 | 44 |
45 |
46 |
47 | 48 |
49 | 50 |
51 |
52 |
53 | 54 |
55 | 56 |
57 |
58 |
59 | 60 | 61 |
62 |
63 | 64 | ]]> 65 | tbform:h 66 | Bootstrap horizontal form 67 | text.html 68 | 69 | -------------------------------------------------------------------------------- /Components/alert-error.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | × 5 | ${1:Error!} ${2:Change a few things up and try submitting again.}. 6 | 7 | ]]> 8 | tbalert:e 9 | Bootstrap error alert 10 | text.html 11 | -------------------------------------------------------------------------------- /Components/alert-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | × 5 | ${1:Information!} ${2:This alert needs your attention, but it's not super important.} 6 | 7 | ]]> 8 | tbalert:i 9 | Bootstrap information alert 10 | text.html 11 | -------------------------------------------------------------------------------- /Components/alert-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | × 5 | ${1:Success!} ${2:You successfully read this important alert message.} 6 | 7 | ]]> 8 | tbalert:s 9 | Bootstrap success alert 10 | text.html 11 | -------------------------------------------------------------------------------- /Components/alert.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | × 5 | ${1:Warning!} ${2:Best check yo self, you're not looking too good}. 6 | 7 | ]]> 8 | tbalert 9 | Bootstrap default alert 10 | text.html 11 | -------------------------------------------------------------------------------- /Components/badge-error.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:6} 4 | ]]> 5 | tbbadge:e 6 | Bootstrap error badge 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/badge-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:8} 4 | ]]> 5 | tbbadge:if 6 | Bootstrap info badge 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/badge-inverse.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:10} 4 | ]]> 5 | tbbadge:iv 6 | Bootstrap inverse badge 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/badge-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:2} 4 | ]]> 5 | tbbadge:s 6 | Bootstrap success badge 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/badge-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:4} 4 | ]]> 5 | tbbadge:w 6 | Bootstrap warning badge 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/badge.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:1} 4 | ]]> 5 | tbbadge 6 | Bootstrap default badge 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/breadcrumb.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | ${1:Home} / 6 |
    • 7 |
  • 8 | ${2:Library} / 9 |
    • 10 |
  • 11 | ${3:Data} 12 |
    • 13 | 14 | ]]>     15 | tbbreadcrumb 16 | Bootstrap breadcrumb 17 | text.html 18 |     -------------------------------------------------------------------------------- /Components/buttons-dropdown.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | Action 5 | 12 | 13 | ]]> 14 | tbbuttons:d 15 | Bootstrap button dropdowns 16 | text.html 17 | -------------------------------------------------------------------------------- /Components/buttons-grouped.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Button1} 5 | ${2:Button2} 6 | ${3:Button3} 7 | 8 | ]]> 9 | tbbuttons:g 10 | Bootstrap grouped buttons 11 | text.html 12 | -------------------------------------------------------------------------------- /Components/label-important.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Important} 4 | ]]> 5 | tblabel:it 6 | Bootstrap important inline label 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/label-info.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Info} 4 | ]]> 5 | tblabel:io 6 | Bootstrap info inline label 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/label-success.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Success} 4 | ]]> 5 | tblabel:s 6 | Bootstrap success inline label 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/label-warning.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Warning} 4 | ]]> 5 | tblabel:w 6 | Bootstrap warning inline label 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Default} 4 | ]]> 5 | tblabel 6 | Bootstrap basic inline label 7 | text.html 8 | -------------------------------------------------------------------------------- /Components/navbar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 |
    6 | 7 | 8 | 9 | 10 | 11 | Project name 12 |
    13 | 31 |
    32 | 33 |
    34 | 48 |
    49 |
    50 |
    51 | 52 | ]]>     53 | tbnavbar 54 | Bootstrap navigation bar 55 | text.html 56 |     -------------------------------------------------------------------------------- /Components/pager-aligned.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 10 | 11 | ]]> 12 | tbpager:a 13 | Bootstrap pager with aligned links 14 | text.html 15 | -------------------------------------------------------------------------------- /Components/pager.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | Previous 6 |
    • 7 |
  • 8 | Next 9 |
    • 10 | 11 | ]]>     12 | tbpager 13 | Bootstrap default pager 14 | text.html 15 |     -------------------------------------------------------------------------------- /Components/pagination.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 14 | 15 | ]]> 16 | tbpagination 17 | Bootstrap pagination 18 | text.html 19 | -------------------------------------------------------------------------------- /Components/pills-dropdown.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • ${1:Home}
    • 5 |
  • ${2:Profile}
    • 6 |
  • 7 | ${3:Dropdown} 8 | 15 |
    • 16 | 17 | ]]>     18 | tbpills:d 19 | Bootstrap pills with dropdowns 20 | text.html 21 |     -------------------------------------------------------------------------------- /Components/pills-stacked.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | ${1:Home} 6 |
    • 7 |
  • ${2:Profile}
    • 8 |
  • ${3:Messages}
    • 9 | 10 | ]]>     11 | tbpills 12 | Bootstrap basic pills 13 | text.html 14 |     -------------------------------------------------------------------------------- /Components/pills.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | ${1:Home} 6 |
    • 7 |
  • ${2:Profile}
    • 8 |
  • ${3:Messages}
    • 9 | 10 | ]]>     11 | tbpills 12 | Bootstrap basic pills 13 | text.html 14 |     -------------------------------------------------------------------------------- /Components/progress-stripped.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 | 6 | ]]>     7 | tbprogress:s 8 | Bootstrap stripped progress bar 9 | text.html 10 |     -------------------------------------------------------------------------------- /Components/progress.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 | 6 | ]]>     7 | tbprogress 8 | Bootstrap basic progress bar 9 | text.html 10 |     -------------------------------------------------------------------------------- /Components/tabbable-below.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 |
    9 |
    10 |

    I'm in Section 1.

    11 |
    12 |
    13 |

    Howdy, I'm in Section 2.

    14 |
    15 |
    16 | 17 | ]]>     18 | tbtabbable:b 19 | Bootstrap tabbable navigation tabs on the bottom 20 | text.html 21 |     -------------------------------------------------------------------------------- /Components/tabbable-left.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 |
    9 |
    10 |

    I'm in Section 1.

    11 |
    12 |
    13 |

    Howdy, I'm in Section 2.

    14 |
    15 |
    16 | 17 | ]]>     18 | tbtabbable:l 19 | Bootstrap tabbable navigation tabs on the left 20 | text.html 21 |     -------------------------------------------------------------------------------- /Components/tabbable-right.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 |
    9 |
    10 |

    I'm in Section 1.

    11 |
    12 |
    13 |

    Howdy, I'm in Section 2.

    14 |
    15 |
    16 | 17 | ]]>     18 | tbtabbable:r 19 | Bootstrap tabbable navigation tabs on the right 20 | text.html 21 |     -------------------------------------------------------------------------------- /Components/tabbable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 |
    9 |
    10 |

    I'm in Section 1.

    11 |
    12 |
    13 |

    Howdy, I'm in Section 2.

    14 |
    15 |
    16 | 17 | ]]>     18 | tbtabbable 19 | Bootstrap tabbable navigation tabs 20 | text.html 21 |     -------------------------------------------------------------------------------- /Components/tabs-alert.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | ${1:Home} 6 |
    • 7 |
  • ${2:Profile}
    • 8 |
  • ${3:Messages}
    • 9 | 10 | ]]>     11 | tbtabs 12 | Bootstrap basic tabs 13 | text.html 14 |     -------------------------------------------------------------------------------- /Components/tabs-dropdown.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • ${1:Home}
    • 5 |
  • ${2:Profile}
    • 6 |
  • 7 | ${3:Dropdown} 8 | 15 |
    • 16 | 17 | ]]>     18 | tbtabs:d 19 | Bootstrap tabs with dropdowns 20 | text.html 21 |     -------------------------------------------------------------------------------- /Components/tabs-stacked.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • ${1:Home}
    • 5 |
  • ${2:Profile}
    • 6 |
  • ${3:Messages}
    • 7 | 8 | ]]>     9 | tbtabs:s 10 | Bootstrap basic tabs 11 | text.html 12 |     -------------------------------------------------------------------------------- /Components/thumbnails.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
  • 5 | 6 | 7 | 8 |

    Basic marketing site

    9 |

    Featuring a hero unit for a primary message and three supporting elements.

    10 |
    • 11 |
  • 12 | 13 | 14 | 15 |

    Fluid layout

    16 |

    Uses our new responsive, fluid grid system to create seamless liquid layout.

    17 |
    • 18 |
  • 19 | 20 | 21 | 22 |

    Starter template

    23 |

    A barebones HTML document with all the Bootstrap CSS and javascript included.

    24 |
    • 25 | 26 | ]]>     27 | tbthumbnails 28 | Bootstrap thumbnails 29 | text.html 30 |     -------------------------------------------------------------------------------- /Components/toolbar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 | 1 6 | 2 7 | 3 8 | 4 9 |
    10 |
    11 | 5 12 | 6 13 | 7 14 |
    15 |
    16 | 8 17 |
    18 | 19 | ]]>     20 | tbtoolbar 21 | Bootstrap toolbar 22 | text.html 23 |     -------------------------------------------------------------------------------- /Examples/fluid.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | Bootstrap, from Twitter 8 | 9 | 10 | 11 | 12 | 13 | 14 | 17 | 18 | 19 | 20 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 |
    32 |
    33 |
    34 | 35 | 36 | 37 | 38 | 39 | Project name 40 |
    41 | 46 |

    Logged in as username

    47 |
    48 |
    49 |
    50 |
    51 | 52 |
    53 |
    54 |
    55 |
    56 | 74 |
    75 |
    76 |
    77 |
    78 |

    Hello, world!

    79 |

    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.

    80 |

    Learn more »

    81 |
    82 |
    83 |
    84 |

    Heading

    85 |

    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.

    86 |

    View details »

    87 |
    88 |
    89 |

    Heading

    90 |

    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.

    91 |

    View details »

    92 |
    93 |
    94 |

    Heading

    95 |

    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.

    96 |

    View details »

    97 |
    98 |
    99 |
    100 |
    101 |

    Heading

    102 |

    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.

    103 |

    View details »

    104 |
    105 |
    106 |

    Heading

    107 |

    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.

    108 |

    View details »

    109 |
    110 |
    111 |

    Heading

    112 |

    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.

    113 |

    View details »

    114 |
    115 |
    116 |
    117 |
    118 |
    119 |
    120 |

    © Company 2012

    121 |
    122 |
    123 | 124 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | ]]>     143 | tbfluid 144 | Bootstrap fluid layout 145 | text.html 146 |     -------------------------------------------------------------------------------- /Examples/hero.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | Bootstrap, from Twitter 8 | 9 | 10 | 11 | 12 | 13 | 14 | 17 | 18 | 19 | 20 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 |
    33 |
    34 |
    35 | 36 | 37 | 38 | 39 | 40 | Project name 41 |
    42 | 47 |
    48 |
    49 |
    50 |
    51 | 52 |
    53 | 54 |
    55 |

    Hello, world!

    56 |

    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.

    57 |

    Learn more »

    58 |
    59 | 60 | 61 |
    62 |
    63 |

    Heading

    64 |

    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.

    65 |

    View details »

    66 |
    67 |
    68 |

    Heading

    69 |

    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.

    70 |

    View details »

    71 |
    72 |
    73 |

    Heading

    74 |

    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.

    75 |

    View details »

    76 |
    77 |
    78 |
    79 |
    80 |

    © Company 2012

    81 |
    82 | 83 |
    84 | 85 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | ]]>     104 | tbhero 105 | Bootstrap hero example 106 | text.html 107 |     -------------------------------------------------------------------------------- /Examples/starter.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | Bootstrap, from Twitter 8 | 9 | 10 | 11 | 12 | 13 | 14 | 17 | 18 | 19 | 20 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 |
    33 |
    34 |
    35 | 36 | 37 | 38 | 39 | 40 | Project name 41 |
    42 | 47 |
    48 |
    49 |
    50 |
    51 | 52 |
    53 | 54 |
    55 |

    Hello, world!

    56 |

    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.

    57 |

    Learn more »

    58 |
    59 | 60 |
    61 |
    62 |

    Heading

    63 |

    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.

    64 |

    View details »

    65 |
    66 |
    67 |

    Heading

    68 |

    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.

    69 |

    View details »

    70 |
    71 |
    72 |

    Heading

    73 |

    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.

    74 |

    View details »

    75 |
    76 |
    77 | 78 |
    79 | 80 |
    81 |

    © Company 2012

    82 |
    83 |
    84 | 85 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | ]]>     104 | tbstarter 105 | Bootstrap starter 106 | text.html 107 |     -------------------------------------------------------------------------------- /Javascript Plugins/accordion.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 |
    6 | 7 | Collapsible Group Item #1 8 | 9 |
    10 |
    11 |
    12 | 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. 13 |
    14 |
    15 |
    16 |
    17 |
    18 | 19 | Collapsible Group Item #2 20 | 21 |
    22 |
    23 |
    24 | 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. 25 |
    26 |
    27 |
    28 |
    29 |
    30 | 31 | Collapsible Group Item #3 32 | 33 |
    34 |
    35 |
    36 | 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. 37 |
    38 |
    39 |
    40 | 41 | ]]>     42 | tbaccordion 43 | Bootstrap accordion 44 | text.html 45 |     -------------------------------------------------------------------------------- /Javascript Plugins/carousel.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 |
    6 | 7 |
    8 |

    First Thumbnail label

    9 |

    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.

    10 |
    11 |
    12 |
    13 | 14 |
    15 |

    Second Thumbnail label

    16 |

    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.

    17 |
    18 |
    19 |
    20 | 21 |
    22 |

    Third Thumbnail label

    23 |

    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.

    24 |
    25 |
    26 |
    27 | ‹ 28 | › 29 | 30 | ]]>     31 | tbcarousel 32 | Bootstrap carousel 33 | text.html 34 |     -------------------------------------------------------------------------------- /Javascript Plugins/modal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | Launch Modal 4 | 17 | ]]> 18 | tbmodal 19 | Bootstrap modal 20 | text.html 21 | -------------------------------------------------------------------------------- /Javascript Plugins/modaljs.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | tbmodaljs 8 | source.js,source.js.embedded.html 9 | Bootstrap modal events 10 | -------------------------------------------------------------------------------- /Javascript Plugins/scripts.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | ]]> 17 | tbscripts 18 | Bootstrap scripts reference 19 | text.html 20 | -------------------------------------------------------------------------------- /Javascript Plugins/tooltip.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | hover over me 4 | ]]> 5 | tbtooltip 6 | Bootstrap tooltips 7 | text.html 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [Sublime Text Twitter Bootstrap Snippets](http://github.com/devtellect/sublime-twitter-bootstrap-snippets/) 2 | ======================================== 3 | 4 | A bunch of nicely described and categorized [Twitter Bootstrap](http://twitter.github.com/bootstrap/) code snippets for [Sublime Text](http://sublimetext.com) editor. 5 | 6 | ## Installation 7 | *1.* Clone the repository into your packages folder. 8 | 9 | git clone git@github.com:devtellect/sublime-twitter-bootstrap-snippets.git 10 | 11 | *2.* Download the [.zip](http://github.com/devtellect/sublime-twitter-bootstrap-snippets/zipball/master) file and unzip it into your ST2 packages directory. 12 | 13 | ## License 14 | License: MIT [http://www.opensource.org/licenses/mit-license.php](http://www.opensource.org/licenses/mit-license.php) 15 | 16 | ## Author 17 | Twitter: [DEVtellect](http://twitter.com/devtellect) | GitHub: [DEVtellect](http://github.com/devtellect) -------------------------------------------------------------------------------- /Scaffolding/grid-four.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    ${1:Column 1}
    5 |
    ${2:Column 2}
    6 |
    ${3:Column 3}
    7 |
    ${4:Column 4}
    8 | 9 | ]]>     10 | tbgrid:4 11 | Bootstrap basic four column grid 12 | text.html 13 |     -------------------------------------------------------------------------------- /Scaffolding/grid-three.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    ${1:Column 1}
    5 |
    ${2:Column 2}
    6 |
    ${3:Column 3}
    7 | 8 | ]]>     9 | tbgrid:3 10 | Bootstrap basic three column grid 11 | text.html 12 |     -------------------------------------------------------------------------------- /Scaffolding/grid-two.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    ${1:Column 1}
    5 |
    ${2:Column 2}
    6 | 7 | ]]>     8 | tbgrid:2 9 | Bootstrap basic two column grid 10 | text.html 11 |     --------------------------------------------------------------------------------