• Stars
    star
    1
  • Language
  • Created about 9 years ago
  • Updated about 9 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Twitter Bootstrap 3 bundle for TextMate1 (yes the oldest TextMate)

Un-Official Twitter Bootstrap 3 Bundle for TextMate1

This bundle supports v3.3.5 of Twitter Bootstrap 3.

Available Snippets

Type the snippet shortcut and press TAB key!

Html Template: html

Creates html scaffold (which is given at BS3 home page.)

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Hello World</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <h1>Hello <small>world</small></h1>
                </div>
            </div>
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </body>
</html>

Typography

lead

Creates <p> with class lead or just a class name.

<p class="lead">...</p>

# just a class name
class="lead"

h1 to h6

<h1>...<smal>...</small></h1>
<h2>...<smal>...</small></h2>
<h3>...<smal>...</small></h3>
<h4>...<smal>...</small></h4>
<h5>...<smal>...</small></h5>
<h6>...<smal>...</small></h6>

list

4 different list style:

# unstyled
<ul class="list-unstyled">
    <li>...</li>
</ul>

# unordered
<ul>
    <li>...</li>
</ul>

# inline
<ul class="list-inline">
    <li>...</li>
</ul>

# ordered
<ol>
    <li>...</li>
</ol>

dl

Definition lists.

# description
<dl>
    <dt>Title</dt>
    <dd>Text</dd>
</dl>

# description - horizontal
<dl class="dl-horizontal">
    <dt>Title</dt>
    <dd>Text</dd>
</dl>

label

Creates html or just class names.

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

# class names only
label-default
label-primary
label-success
label-info
label-warning
label-danger

Typography (Inline Elements)

mark

<mark>Text</mark>

del

<del>Text</del>

str

Strikethrough element.

<s>Text</s>

ins

Inserted text.

<ins>Text</ins>

und

Underlined text.

<u>Text</u>

sml

Small text.

<small>Text</small>

aln

Align to left, center, right, justify or nowrap via <p> or just class names.

<p class="text-left">Text</p>
<p class="text-center">Text</p>
<p class="text-right">Text</p>
<p class="text-justify">Text</p>
<p class="text-nowrap">Text</p>

# class names only
text-left
text-center
text-right
text-justify
text-nowrap

tra

Transform to uppercase, lowercase or capitalize or just class names.

<p class="text-uppercase">Text</p>
<p class="text-lowercase">Text</p>
<p class="text-capitalize">Text</p>

# class names only
text-uppercase
text-lowercase
text-capitalize

abr

Abbreviation in 3 different styles:

<abbr title="attribute">attr</abbr>
<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
<abbr title="Phone Number">P:</abbr>

adr

Addresses tag.

<address>
    <strong>Company Name</strong><br>
    Line 1<br/>
    Line 2<br/>
    <abbr title="Phone Title">P:</abbr> Phone
</address>
<address>
    <strong>Full Name</strong><br>
    <a href="mailto:[email protected]">[email protected]</a>
</address>

quo

Blockquote in 2 different styles.

<blockquote>
    <p>Text</p>
    <footer>Who/Quote From <cite title="Source Title">Source Title</cite></footer>
</blockquote>

# reverse
<blockquote class="blockquote-reverse">
    <p>Text</p>
    <footer>Who/Quote From <cite title="Source Title">Source Title</cite></footer>
</blockquote>

Grid

con : Container

<div class="container">
    ...
</div>

blo : Block

<div class="block">
    ...
</div>

row : Row

<div class="row">
    ...
</div>

col : Column (xs-sm-md-lg)

1-12 are options.

# xs
<div class="col-xs-1-12">
    ...
</div>

# sm
<div class="col-sm-1-12">
    ...
</div>

# md
<div class="col-md-1-12">
    ...
</div>

# lg
<div class="col-lg-1-12">
    ...
</div>

cel : Cell (xs-sm-md-lg)

Just creates class names. 1-12 are options.

col-xs-1-12
col-sm-1-12
col-md-1-12
col-lg-1-12

off : Offset (xs-sm-md-lg)

Just creates class names. 1-12 are options.

col-xs-offset-1-12
col-sm-offset-1-12
col-md-offset-1-12
col-lg-offset-1-12

Form Elements

form created few elements.

# form scaffold
<form name="?" id="?" method="post" action="?">
    ...
</form>

# inline
<form class="form-inline" name="?" id="?" method="post" action="?">
    ...
</form>

# horizontal
<form class="form-horizontal" name="?" id="?" method="post" action="?">
    <div class="form-group">
        <label for="?" class="control-label col-sm-2">Label</label>
        <div class="col-sm-10">
            <input class="form-control" type="email" id="?" placeholder="Label">
        </div>
    </div>
</form>

# horizontal large
<form class="form-horizontal" name="?" id="?" method="post" action="?">
    <div class="form-group form-group-lg">
        <label for="?" class="control-label ?">Label</label>
        <div class="?">
            <input class="form-control" type="email" id="?" placeholder="Label">
        </div>
    </div>
</form>

# horizontal small
<form class="form-horizontal" name="?" id="?" method="post" action="?">
    <div class="form-group form-group-sm">
        <label for="?" class="control-label ?">Label</label>
        <div class="?">
            <input class="form-control" type="email" id="?" placeholder="Label">
        </div>
    </div>
</form>

# form static control
<form class="form-horizontal" name="?" id="?" method="post" action="?">
    <div class="form-group">
        <label for="?" class="control-label ?">Label</label>
        <div class="?">
            <p class="form-control-static">...</p>
        </div>
    </div>
</form>

Other

code

Generates <code> tags:

# Default
<code>Text</code>

# User Input
<kbd>Text</kbd>

# Basic Block
<pre>Text</pre>

# Basic Block Scrollable
<pre class="pre-scrollable">Text</pre>

# Variable
<var>Text</var>

# Sample Out
<samp>Text</samp>

img

Generates img tag + responsive class.

# Image Tag
<img src="URL" alt="#" />

# Responsive Image Class
class="img-responsive"

table

Generates 6 different styles

# Style 1
<table class="table">
<thead>
    <th>Head</th>
</thead>
</table>

# Style 2: Striped
<table class="table table-striped">
<thead>
    <th>Head</th>
</thead>
</table>

# Style 3: Bordered
<table class="table table-bordered">
<thead>
    <th>Head</th>
</thead>
</table>

# Style 4: Hover
<table class="table table-hover">
<thead>
    <th>Head</th>
</thead>
</table>

# Style 5: Condensed
<table class="table table-condensed">
<thead>
    <th>Head</th>
</thead>
</table>

# Style 5: Responsive
<table class="table table-responsive">
<thead>
    <th>Head</th>
</thead>
</table>

Contextual Classes: cla

Generates only class name:

  • active
  • success
  • info
  • warning
  • danger

Contribute

If you are still using TextMate1 like me, please do not hesitate to contribute this mini bundle :)

  1. fork (https://github.com/vigo/textmate1-twitter-bs3.tmbundle/fork)
  2. Create your branch (git checkout -b my-features)
  3. commit yours (git commit -am 'added killer options')
  4. push your branch (git push origin my-features)
  5. Than create a new Pull Request!

Change Log

2015-07-29

  • Bundle groupings done!

2015-07-27

  • Form elements added. Buttons are not done yet!

2015-07-25

  • Contextual classes added.

2015-07-24

  • table added.

2015-07-23

  • code added.

2015-07-22

  • Description added. dl, dd, dt

2015-07-19

  • Alignment tags added.
  • Text transforms added.
  • Address and Blockquote tags added.

2015-07-13

  • Initial commit

More Repositories

1

git-puf-noktalari

Günlük hayatta kullandığımız revizyon kontrol sistemi GIT ile ilgili küçük ipuçlarını anlatan yeni mini kitabım.
Ruby
425
star
2

kommit

Build your commit message without touching or editing your code!
Shell
204
star
3

ruby101-kitap

Türkçe Ruby kitabı
Ruby
197
star
4

dinozorus

1990'lı yıllara damgasını vuran efsane televizyon oyunu Dinozorus. Amiga 1200 - AGA
Assembly
134
star
5

turk-scene-tarihi

80'lerin ortasında başlayan, günümüz bilgisayar kültürünün neredeyse başlangıç noktası olan Türk SCENE/DEMOSCENE tarihçesi
85
star
6

lyk-2017

Linux Yaz Kampı 2017'de anlattığım konular.
41
star
7

django2-project-template

Django project/application starter for lazybones :)
Python
39
star
8

statoo

`statoo` is a super simple http GET tool for checking site health
Go
33
star
9

textmate-twitterbootstrap.tmbundle

TextMate bundle for Twitter's Bootstrap
HTML
33
star
10

awesome-c64

Commodore 64 related links such as C64 tools for Mac/Linux/PC, demoscene related stuff, coding tools, C64 utilities etc...
31
star
11

textmate-octopress.tmbundle

TextMate bundle for Octopress blog engine. http://octopress.org/
29
star
12

django-admin-list-filter

Dead simple autocompletion for Django admin `list_filter`.
Python
22
star
13

gh_issues

Manage GitHub issues from command-line (read only!)
Ruby
22
star
14

dotfiles-light

Just another but `lighter` version of BASH environment
Shell
20
star
15

dotfiles-universal

My old BASH dot-files... Try new one!
Shell
13
star
16

textmate2-python-fmt

Python FMT is a python linter/formatter/checker for TextMate.
Ruby
13
star
17

textmate2-gfm-preview

GitHub Flavored Markdown Preview for TextMate 2
CSS
13
star
18

django-project-template

Project starter for Django 1.11.4 ... Batteries included :)
Python
9
star
19

textmate-hosts.tmbundle

TextMate bundle for /etc/hosts file
9
star
20

dotfiles-fever

Elegant BASH environment for macOS, Ubuntu and Gentoo
Shell
8
star
21

textmate-window-manager

Window manager/arranger for oldskool TextMate (1.5)
Shell
7
star
22

apm-bash-completion

Bash completion for Atom Package Manager (apm)
Shell
6
star
23

stormssh-completion

Bash competion for `sshstorm` (https://github.com/emre/storm)
Shell
6
star
24

devpod

Official website of devPod
HTML
6
star
25

textmate2-ruff-linter

Ruff linter for TextMate2. Linter and auto fixer for python!
Perl
5
star
26

ugur.ozyilmazel.com-v5

Kişisel websitem V4.0
HTML
5
star
27

lsvirtualenvs

Small commandline tool for `virtualenvwrapper`
Go
4
star
28

ghstars

Show GitHub stars count for user!
Go
4
star
29

git-init-githubrepo

Create git repository for GitHub style
Go
4
star
30

textmate2-tailwind-css

Tailwind CSS support for TextMate 2
Ruby
4
star
31

golang-notlarim

Golang geliştirme ile ilgili aldığım notlar
Ruby
4
star
32

git-tips

Git versiyon kontrol sistemi ile ilgili Türkçe dökümantasyon ve ipuçları
JavaScript
4
star
33

dox2008

2007-2008 yıllarında İstanbul Bilgi Üniversitesi, web departmanı için hazırladığım javascript ve html/css eğitimleri
JavaScript
4
star
34

textmate2-power-tools

Some useful TextMate2 snippets, commands etc...
Ruby
3
star
35

inspect-go

Ruby-ish Object#inspect tryouts for Golang!
Go
3
star
36

putio

Command-Line client for put.io platform (unofficial)
Go
3
star
37

textmate2-64tass-bundle

64tass Bundle for TextMate 2
2
star
38

sayisal_captcha

Çok basit şekilde iki basamaklı sayılardan random toplama ya da çarpma üreten bir sistem
Ruby
2
star
39

learning-stimulus-02

I'm learning stimulus, this is example 02
JavaScript
2
star
40

vigo

I'm a hustler baby!
2
star
41

textmate2-gomodifytags

TextMate2 implementation of Fatih’s gomodifytags
Shell
2
star
42

ruby101-kitap-kod

Ruby101 kitabında geçen kod örnekleri
2
star
43

els

Unix `ls` command alternative via Ruby :)
Ruby
2
star
44

pg16_django

3. Programlama Günleri / Karabük - Django ile tanışma
Python
2
star
45

vigo.io

Personal website
HTML
2
star
46

learning-stimulus-01

I'm learning stimulus, this is example 01
JavaScript
1
star
47

homebrew-git-init-githubrepo

brew tap for `git-init-githubrepo`
Ruby
1
star
48

textmate2-bootstrap3

Bootstrap 3's helpers for TextMate2
1
star
49

uptimerobot_cmd

Command-line client for Uptimerobot service
Ruby
1
star
50

stringutils-demo

A basic golang package for demo purpose only...
Go
1
star
51

try_git

1
star
52

dji18njs

Modified and hardcore changed version of Django's i18n-javascript function. Can be usable as JavasScript Template engine. If you familiar with python's "format text" you will love this!
JavaScript
1
star
53

homebrew-lsvirtualenvs

brew tap for lsvirtualenvs
Ruby
1
star
54

amiga-ascii.tmbundle

Oldskool Amiga ascii/azki/nfo/diz support for TextMate with real Amiga fonts
1
star
55

vigo.github.com

My developer home page...
HTML
1
star
56

ugur.ozyilmazel.com

Kişisel web sitem
HTML
1
star
57

textmate-nanorc.tmbundle

.nanorc bundle for TextMate
Ruby
1
star
58

homebrew-statoo

brew tap repo for `statoo`
Ruby
1
star
59

my-custom-textmate1-bundle

Many snippets and my custom scratch-pad for TextMate1.
CSS
1
star
60

homebrew-ghstars

Brew tap for ghstars cli
Ruby
1
star