https://github.com/f/atom-bootstrap3

Twitter Bootstrap 3 Snippets for Atom
https://github.com/f/atom-bootstrap3

Last synced: over 1 year ago
JSON representation

Twitter Bootstrap 3 Snippets for Atom

• Host: GitHub
• URL: https://github.com/f/atom-bootstrap3
• Owner: f
• License: mit
• Created: 2014-04-15T13:01:40.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2017-09-19T08:34:15.000Z (almost 9 years ago)
• Last Synced: 2025-02-27T12:14:11.038Z (over 1 year ago)
• Language: CoffeeScript
• Size: 500 KB
• Stars: 80
• Watchers: 7
• Forks: 34
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# Bootstrap 3 Support for Atom

Provides [Bootstrap 3][1] classes and HTML tags with autocompletion features.

Install:

```bash

apm install atom-bootstrap3

```

Key Features:

  - Supports autocompletion of all helper classes in JavaScript, CSS and HTML

  - Snippet support for all components.

  - Autocompletion for **Glyphicons**, **Fontawesome** and **Octicons**

An example with [HTML Preview][3]

![Atom HTML Preview with Bootstrap](https://dl.dropboxusercontent.com/u/20947008/webbox/atom/atom-bootstrap-3.gif)

## Templates

  - `html-`: Generates Basic HTML Template

  - `html-min`: Generates Basic HTML Template without comments

  - `html-oi`: Generates Basic HTML Template (replace `fontawesome` in favor of `octicons`)

## Components

All components also have autocompletion support for extra options.

### Icons

The plugin has Glyphicon and Fontawesome support.

  - `icon`: Generates glyphicon icon snippet

  - `fa`: Generates fontawesome icon snippet

  - `oi`: Generates octicon snippet

### Alert

  - `alert`

  - `alert-link`

  - `close`

### Badge

  - `badge`

### Breadcrumb

  - `breadcrumb`

  - `item`

### Buttons

  - `btn`

  - `btn-group`

  - `btn-group-vertical`

  - `btn-toolbar`

  - `btn-modal`

### Menus and Dropdowns

  - `dropdown`

  - `menudivider`

  - `menuheader`

  - `menuitem`

### Forms

  - `form-group`

  - `input-group`

### Labels

  - `label-`

### Lists

  - `list-group`

  - `list-inline`

  - `list-item`

  - `list-unstyled`

### Tabs and Navigations

  - `nav-pills`

  - `nav-tabs`

  - `nav-`

  - `navbar`: Generates standard navbar template

  - `navbar-drop`: Generates navbar dropdown item

### Other Components

  - `pager`

  - `page-header`

  - `pagination`

  - `panel`

  - `progress-`

  - `table-`

  - `thumbnail`

  - `well`

  - `jumbotron`

## JavaScript Components

  - `modal`: Generates modal HTML

  - `btn-modal`: Generates modal trigger button HTML

  - `accordion`: Generates accordion HTML

  - `accordion-item`: Generates accordion item HTML

  - `carousel`: Generates carousel HTML

  - `carousel`: Generates carousel item HTML

  - `navbar`: Generates navbar HTML

  - `navbar-dropdown`: Generates navbar dropdown item

## Grid

  - `row`: Generates column container: `
`

  - `col-`: Generates column: `
`

  - `col-lg`: Generates large column: `
`

  - `col-md`: Generates medium column: `
`

  - `col-sm`: Generates small column: `
`

  - `col-xs`: Generates extra small column: `
`

  - `con`: Generates container: `
`

  - `conf`: Generates fluid container: `
`


## Typography

- `lead`: Lead class `
`

- `h1-`: Heading 1 `
Text {optional}
`

- `h2-`: Heading 2 `
Text {optional}
`

- `h3-`: Heading 3 `
Text {optional}
`

- `h4-`: Heading 4 `
Text {optional}
`

- `h5-`: Heading 5 `
Text {optional}
`

- `h6-`: Heading 6 `
Text {optional}
`

- `initialism`: Generates "initialism" text

- `blockquote-reverse`: Generates reverse blockquote

- `dl-horizontal`


### Notes

- Snippet funcionality has [some bugs][2], I hope it will be fixed by Atom team.

- More to come :)

[1]: http://getbootstrap.com/

[2]: https://github.com/atom/snippets/issues/15

[3]: http://atom.io/packages/atom-html-preview