为Atom写的Bootstrap 4代码片段，持续更新，后续将添加详细一些的说明。建议如果对coffee script不熟悉的，安装Linter-Coffeelint插件。我就不熟悉coffee script，一开始经常收到报错信息：“unexpected new line”，检查了无数遍，却不知道什么地方错了。后来才在Stackflow找到答案，Atom snippest unexpected new line error。原来Coffee Script 有严格的缩进要求, Linter-Coffeelint帮助一眼就找到错误的地方，节省大量时间
'.text.html.basic':
'bootstrap 4 template':
'prefix':'bt4-tmplt'
'body':
"""
$1
$2
"""
'bt4.alert.dismissing':
'prefix':'bt4alertdismissingbutton'
'body':"""
"""
# alert primary
'bt4.alert.primary':
'prefix':'bt4-alert-primary'
'body':"""
$1
"""
# Alert secondary
'bt4.alert.secondary':
'prefix':'bt4-alert-secondary'
'body':"""
$1
"""
# Alert success
'bt4.alert.success':
'prefix':'bt4-alert-success'
'body':"""
$1
"""
# Alert danger
'bt4.alert.danger':
'prefix':'bt4-alert-danger'
'body':"""
$1
"""
#
# Alert warning
'bt4.alert.warning':
'prefix':'bt4-alert-warning'
'body':"""
$1
"""
# Alert info
'bt4.alert.info':
'prefix':'bt4-alert-info'
'body':"""
$1
"""
# Alert light
'bt4.alert.light':
'prefix':'bt4-alert-light'
'body':"""
$1
"""
# Alert dark
'bt4.alert.dark':
'prefix':'bt4-alert-dark'
'body':"""
$1
"""
#Alert link
'bt4.alert.link':
'prefix':'bt4-alert-link'
'body':"""
$2
"""
# ————————————————————————————————————————————————————
# Badge Snippest
#————————————————————————————————————————————————————
'bt4.badge.primary':
'prefix':'bt4-badge-primary'
'body':"""
Primary
"""
'bt.badge.secondary':
'prefix':'bt4-badge-secondary'
'body':"""
Secondary
"""
'bt.badge.success':
'prefix':'bt4-badge-success'
'body':"""
Success
"""
'bt.badge.danger':
'prefix':'bt4-badge-danger'
'body':"""
danger
"""
'bt.badge.warning':
'prefix':'bt4-badge-warning'
'body':"""
warning
"""
'bt.badge.info':
'prefix':'bt4-badge-info'
'body':"""
info
"""
'bt.badge.light':
'prefix':'bt4-badge-light'
'body':"""
light
"""
'bt.badge.Dark':
'prefix':'bt4-badge-Dark'
'body':"""
Dark
"""
# ————————————————————————————————————————————————————
# Breadcrumb snippets:
#————————————————————————————————————————————————————
'bt.breadcrumb':
'prefix':'bt4-breadcrumb'
'body':"""
"""
'bt.breadcrumb.add.active.item':
'prefix':'bt4-breadcrum-add-active-item'
'body':"""
$1
"""
'bt.breadcrumb.add.inactive.item':
'prefix':'bt4-breadcrum-add-inactive-item'
'body':"""
$2
"""
# ——————————————————————————————————————————————————————————————————————————————
# buttons snippets:
#————————————————————————————————————————————————————————————————————————————
'bt.btn.primary':
'prefix':'bt4-btn-primary'
'body':"""
"""
'bt.btn.secondary':
'prefix':'bt4-btn-secondary'
'body':"""
"""
'bt.btn.success':
'prefix':'bt4-btn-success'
'body':"""
"""
'bt.btn.danger':
'prefix':'bt4-btn-danger'
'body':"""
"""
'bt.btn.warning':
'prefix':'bt4-btn-warning'
'body':"""
"""
'bt.btn.info':
'prefix':'bt4-btn-info'
'body':"""
"""
'bt.btn.light':
'prefix':'bt4-btn-light'
'body':"""
"""
'bt.btn.dark':
'prefix':'bt4-btn-dark'
'body':"""
"""
'bt.btn.link':
'prefix':'bt4-btn-link'
'body':"""
"""
# ---------------------------------------------------------
# button-outline-style (include btn-link-outline)
# ---------------------------------------------------------
'bt.btn-outline-primary':
'prefix':'bt4-btn-outline-primary'
'body':"""
"""
'bt.btn-outline-secondary':
'prefix':'bt4-btn-outline-secondary'
'body':"""
"""
'bt.btn-outline-success':
'prefix':'bt4-btn-outline-success'
'body':"""
"""
'bt.btn-outline-danger':
'prefix':'bt4-btn-outline-outline-danger'
'body':"""
"""
'bt.btn-outline-warning':
'prefix':'bt4-btn-outline-warning'
'body':"""
"""
'bt.btn-outline-info':
'prefix':'bt4-btn-outline-info'
'body':"""
"""
'bt.btn-outline-light':
'prefix':'bt4-btn-outline-light'
'body':"""
"""
'bt.btn-outline-dark':
'prefix':'bt4-btn-outline-dark'
'body':"""
"""
'bt.btn-outline-link':
'prefix':'bt4-btn-outline-link'
'body':"""
"""
# ----------------------------------------------------------------
# button group, vertical button group, button Toolbar snippests
# ----------------------------------------------------------------
'btn.btn.group':
'prefix':'bt4-btn-group'
'body':"""
$1
"""
'btn.btn.toolbar':
'prefix':'bt4-btn-group-toolbar'
'body':"""
$1
"""
'btn.btn.group.vertical':
'prefix':'bt4-btn-group-vertical'
'body':"""
$1
"""
# ----------------------------------------------------------------
# Cards Snippests
# ----------------------------------------------------------------
'card.basic':
'prefix':'bt4-card'
'body':"""
"""
'card.list-group':
'prefix':'bt4-card-list-groups'
'body':"""
$2
- $3
- $4
- $5
"""
'card.fotter':
'prefix':'bt4-card-footer'
'body':"""
"""
'card.navigation':
'prefix':'bt4-card-navigaton'
'body':"""
"""
# card group and card column snippests not been added yet
# ------------------------------------------------------------
# _______________________________________________________________
# carousel snippests
# _______________________________________________________________
# Slides only, no control carousel snippest:
'carousel.slides.only':
'prefix':'bt4-carousel-slides-only'
'body':"""
"""
# carousel with control
'carousel.slides.with-control':
'prefix':'bt4-carousel-slides-with-control'
'body':"""
"""
# carousel with controls and indicators
'carousel.slides.with-control-indicators':
'prefix':'bt4-carousel-slides-with-control-indicators'
'body':"""
"""
# carousel item with caption
'carousel.item.with.caption':
'prefix':'bt4-carousel-item-with-caption'
'body':"""
$3
$4
"""
# _______________________________________________________________
# collapse snippests
# _______________________________________________________________
# collapse link
'collapse.link':
'prefix':'bt4-collapse-link'
'body':"""
$2
$3
"""
# collapse button
'collapse.button':
'prefix':'bt4-collapse-button'
'body':"""
$3
"""
# Accordion collapse
'collapse.accordion':
'prefix':'bt4-collapse-accordion'
'body':"""
$2
$4
$6
"""
# _______________________________________________________________
# dropdown snippests
# _______________________________________________________________
# button dropdown
'dropdown.button':
'prefix':'bt4-dropdown-button'
'body':"""
"""
# link dropdown
'dropdown.link':
'prefix':'bt4-dropdown-link'
'body':"""
"""
# split button Dropdown
'dropdown.split.button':
'prefix':'bt4-dropdown-button-split'
'body':"""
"""
# _______________________________________________________________
# form snippests
# _______________________________________________________________
# input email
'from.input':
'prefix':'bt4-form-general-input'
'body':"""
$6
"""
# input files
'from.input.files':
'prefix':'bt4-form-input-file'
'body':"""
"""
# _______________________________________________________________
# jumbotron snippests
# _______________________________________________________________
# basic jumbotron
'jumbotron.basic':
'prefix':'bt4-jumbotron'
'body':"""
"""
# Fluid jumbotron
'jumbotron.fluid':
'prefix':'bt4-jumbotron-fluid'
'body':"""
$!
$2
"""
# _______________________________________________________________
# list group snippests
# _______________________________________________________________
# list group basic
'list-group.basic':
'prefix':'bt4-ligt-group-basic'
'body':"""
- $1
"""
# list group links
'list-group.links':
'prefix':'bt4-ligt-group-link'
'body':"""
"""
# list group links
'list-group.buttons':
'prefix':'bt4-ligt-group-button'
'body':"""
"""
# list group flush
'list-group.flush':
'prefix':'bt4-ligt-group-flush'
'body':"""
- $1
"""
# list group with badges
'list-group.badge':
'prefix':'bt4-ligt-group-badge'
'body':"""
-
$1
$2
"""
# list group with tabbable panes
'list-group.tabbable.panes':
'prefix':'bt4-ligt-group-tab-panes'
'body':"""
"""
# --------------------------------------------------------------------------
# nav Snippests
# --------------------------------------------------------------------------
# nav basic
'nav.basic':
'prefix':'bt4-nav-basic'
'body':"""
"""