feat(SublimeText2.WebPackages): cache packages
This commit is contained in:
Iristyle
@@ -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>Bootstrap default blockquote</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<button class="btn btn-danger" type="submit">${1:Button}</button>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton:d</tabTrigger>
|
||||
<description>Bootstrap danger button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<button class="btn btn-info" type="submit">${1:Button}</button>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton:i</tabTrigger>
|
||||
<description>Bootstrap info button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<button class="btn btn-inverse" type="submit">${1:Button}</button>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton:i</tabTrigger>
|
||||
<description>Bootstrap inverse button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<button class="btn btn-large" type="submit">${1:Button}</button>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton:large</tabTrigger>
|
||||
<description>Bootstrap large button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="${1:#}" class="btn btn-danger">${2:Link}</a>
|
||||
]]></content>
|
||||
<tabTrigger>tblink:d</tabTrigger>
|
||||
<description>Bootstrap danger link button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="${1:#}" class="btn btn-info">${2:Link}</a>
|
||||
]]></content>
|
||||
<tabTrigger>tblink:i</tabTrigger>
|
||||
<description>Bootstrap info link button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="${1:#}" class="btn btn-inverse">${2:Link}</a>
|
||||
]]></content>
|
||||
<tabTrigger>tblink:i</tabTrigger>
|
||||
<description>Bootstrap inverse link button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="${1:#}" class="btn btn-large">${2:Link}</a>
|
||||
]]></content>
|
||||
<tabTrigger>tblink:l</tabTrigger>
|
||||
<description>Bootstrap large link button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="${1:#}" class="btn btn-mini">${2:Link}</a>
|
||||
]]></content>
|
||||
<tabTrigger>tblink:m</tabTrigger>
|
||||
<description>Bootstrap mini link button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="${1:#}" class="btn btn-primary">${2:Link}</a>
|
||||
]]></content>
|
||||
<tabTrigger>tblink:p</tabTrigger>
|
||||
<description>Bootstrap primary link button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="${1:#}" class="btn btn-small">${2:Link}</a>
|
||||
]]></content>
|
||||
<tabTrigger>tblink:s</tabTrigger>
|
||||
<description>Bootstrap small link button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="${1:#}" class="btn btn-success">${2:Link}</a>
|
||||
]]></content>
|
||||
<tabTrigger>tblink:s</tabTrigger>
|
||||
<description>Bootstrap success link button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="${1:#}" class="btn btn-warning">${2:Link}</a>
|
||||
]]></content>
|
||||
<tabTrigger>tblink:w</tabTrigger>
|
||||
<description>Bootstrap warning link button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="${1:#}" class="btn">${2:Link}</a>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton</tabTrigger>
|
||||
<description>Bootstrap default link button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<button class="btn btn-mini" type="submit">${1:Button}</button>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton:mini</tabTrigger>
|
||||
<description>Bootstrap mini button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<button class="btn btn-primary" type="submit">${1:Button}</button>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton:p</tabTrigger>
|
||||
<description>Bootstrap primary button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<button class="btn btn-small" type="submit">${1:Button}</button>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton:small</tabTrigger>
|
||||
<description>Bootstrap small button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<button class="btn btn-success" type="submit">${1:Button}</button>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton:s</tabTrigger>
|
||||
<description>Bootstrap success button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<button class="btn btn-warning" type="submit">${1:Button}</button>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton:w</tabTrigger>
|
||||
<description>Bootstrap warning button</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<button class="btn" type="submit">${1:Button}</button>
|
||||
]]></content>
|
||||
<tabTrigger>tbbutton</tabTrigger>
|
||||
<description>Bootstrap default button</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap horizontal form</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap error alert</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap information alert</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap success alert</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap default alert</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="badge badge-error">${1:6}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tbbadge:e</tabTrigger>
|
||||
<description>Bootstrap error badge</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="badge badge-info">${1:8}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tbbadge:if</tabTrigger>
|
||||
<description>Bootstrap info badge</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="badge badge-inverse">${1:10}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tbbadge:iv</tabTrigger>
|
||||
<description>Bootstrap inverse badge</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="badge badge-success">${1:2}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tbbadge:s</tabTrigger>
|
||||
<description>Bootstrap success badge</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="badge badge-warning">${1:4}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tbbadge:w</tabTrigger>
|
||||
<description>Bootstrap warning badge</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="badge">${1:1}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tbbadge</tabTrigger>
|
||||
<description>Bootstrap default badge</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap breadcrumb</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap button dropdowns</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap grouped buttons</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="label label-important">${1:Important}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tblabel:it</tabTrigger>
|
||||
<description>Bootstrap important inline label</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="label label-info">${1:Info}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tblabel:io</tabTrigger>
|
||||
<description>Bootstrap info inline label</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="label label-success">${1:Success}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tblabel:s</tabTrigger>
|
||||
<description>Bootstrap success inline label</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="label label-warning">${1:Warning}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tblabel:w</tabTrigger>
|
||||
<description>Bootstrap warning inline label</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<span class="label">${1:Default}</span>
|
||||
]]></content>
|
||||
<tabTrigger>tblabel</tabTrigger>
|
||||
<description>Bootstrap basic inline label</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap navigation bar</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,15 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<ul class="pager">
|
||||
<li class="previous">
|
||||
<a href="#">← Older</a>
|
||||
</li>
|
||||
<li class="next">
|
||||
<a href="#">Newer →</a>
|
||||
</li>
|
||||
</ul>
|
||||
]]></content>
|
||||
<tabTrigger>tbpager:a</tabTrigger>
|
||||
<description>Bootstrap pager with aligned links</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap default pager</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap pagination</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap pills with dropdowns</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap basic pills</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap basic pills</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap stripped progress bar</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,10 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<div class="progress">
|
||||
<div class="bar" style="width: 60%;"></div>
|
||||
</div>
|
||||
]]></content>
|
||||
<tabTrigger>tbprogress</tabTrigger>
|
||||
<description>Bootstrap basic progress bar</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap tabbable navigation tabs on the bottom</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap tabbable navigation tabs on the left</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap tabbable navigation tabs on the right</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap tabbable navigation tabs</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap basic tabs</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap tabs with dropdowns</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap basic tabs</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,30 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<ul class="thumbnails">
|
||||
<li class="span4">
|
||||
<a class="thumbnail" href="#">
|
||||
<img src="http://placehold.it/360x240" 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="#">
|
||||
<img src="http://placehold.it/360x240" 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="#">
|
||||
<img src="http://placehold.it/360x240" 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>Bootstrap thumbnails</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap toolbar</description>
|
||||
<scope>text.html</scope>
|
||||
</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 »</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 »</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 »</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 »</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 »</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 »</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 »</a></p>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
<hr>
|
||||
<footer>
|
||||
<p>© 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>Bootstrap fluid layout</description>
|
||||
<scope>text.html</scope>
|
||||
</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 »</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 »</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 »</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 »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<footer>
|
||||
<p>© 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>Bootstrap hero example</description>
|
||||
<scope>text.html</scope>
|
||||
</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 »</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 »</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 »</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 »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<footer>
|
||||
<p>© 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>tbstarter</tabTrigger>
|
||||
<description>Bootstrap starter</description>
|
||||
<scope>text.html</scope>
|
||||
</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>tbaccordion</tabTrigger>
|
||||
<description>Bootstrap accordion</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap carousel</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap modal</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap modal events</description>
|
||||
</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>Bootstrap scripts reference</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1,8 @@
|
||||
<snippet>
|
||||
<content><![CDATA[
|
||||
<a href="#" rel="tooltip" title="first tooltip">hover over me</a>
|
||||
]]></content>
|
||||
<tabTrigger>tbtooltip</tabTrigger>
|
||||
<description>Bootstrap tooltips</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -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)
|
||||
@@ -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>Bootstrap basic four column grid</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap basic three column grid</description>
|
||||
<scope>text.html</scope>
|
||||
</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>Bootstrap basic two column grid</description>
|
||||
<scope>text.html</scope>
|
||||
</snippet>
|
||||
@@ -0,0 +1 @@
|
||||
{"url": "http://devtellect.github.com/sublime-twitter-bootstrap-snippets", "version": "2012.08.26.13.27.14", "description": "Twitter Bootstrap snippets for Sublime Text 2"}
|
||||
Reference in New Issue
Block a user