Bootstrap 4 Snippets for Brackets

A collection of Bootstrap snippets for Brackets editor.

Install

Git Clone

1. Under main menu select Help > Show Extensions Folder
2. Git clone this repository inside the folder user.

Extension Manager

1. Under main menu select File > Extension Manager...
2. Search for "ootstrap 4 Snippets"
3. Click "Install"

How to use

1. Enable ootstrap 4 Snippets
   Under main menu select Edit > Enable ootstrap 4 Snippets
2. Starting typing "bs4" you'll see the snippets list (code hint provider), just pick a snippet and press ENTER, or
3. Enter a snippet and hit the Tab key (Alternatively you can also hit the key DOWN).

More extensions?

http://brackets.dnbard.com/author/Antonio%20Carlos%20Barbosa

Snippets list

Bootstrap 4 - Minimum Template

bs4
bs4template
bs4html 

Grid

bs4row
bs4rowcol

bs4col1
bs4col2
bs4col3
bs4col4
bs4col5
bs4col6
bs4col7
bs4col8
bs4col9
bs4col10
bs4col11
bs4col12

Media

bs4media
bs4medianesting
bs4medialeft
bs4mediamiddle
bs4mediabottom
bs4medialist

Responsive

bs4xshidden
bs4smhidden
bs4mdhidden
bs4lghidden
bs4xlhidden

bs4xsup
bs4smup
bs4mdup
bs4lgup
bs4xlup

Typography

    h1
h2
h3
h4
h5
h6

display_1
display_2
display_3
lead
p
p_del
p_s
p_ins
p_u
p_small
p_strong
p_em
p_abbr
blockquotes

Code

p_code
p_var
p_input
p_output

Images

bs4image
bs4imagecircle
bs4imageresponsive
bs4imagerounded
bs4imagethumbnail

Tables

bs4tabhover
bs4table
bs4tablebordered
bs4tableborderedcolor
bs4tableborderedhcolor
bs4tableborderedhover
bs4tablecondensed
bs4tablecondensedhover
bs4tablecontextual
bs4tablecontextualtdcoloractive
bs4tablecontextualtdcolorall
bs4tablecontextualtdcolordanger
bs4tablecontextualtdcolorinfo
bs4tablecontextualtdcolorsuccess
bs4tablecontextualtdcolorwarning
bs4tablehover
bs4tablehovercolor
bs4tableresponsive
bs4tableresponsivehover
bs4tablesample
bs4tablesamplefooter
bs4tablesampleheader
bs4tablesamplerows10
bs4tablesamplerows20
bs4tablesamplerows30
bs4tablesamplerows40
bs4tablesamplerows50
bs4tablestriped
bs4tablestripedbgcolor
bs4tablestripedcolumneven
bs4tablestripedcolumnodd
bs4tablestripedhover
bs4tabs

Figures

bs4Figures

Buttons

bs4button
bs4buttondanger
bs4buttondisabled
bs4buttoninfo
bs4buttonprimary
bs4buttonsuccess
bs4buttonwarning

bs4buttonlg
bs4buttonlgdanger
bs4buttonlgdisabled
bs4buttonlginfolg
bs4buttonlgprimary
bs4buttonlgsuccess
bs4buttonlgwarning

bs4buttonsm
bs4buttonsmdanger
bs4buttonsmdisabled
bs4buttonsminfo
bs4buttonsmprimary
bs4buttonsmsuccess
bs4buttonsmwarning

bs4buttonoutlineprimary
bs4buttonoutlinesecondary
bs4buttonoutlinesuccess
bs4buttonoutlineinfo
bs4buttonoutlinewarning
bs4buttonoutlinedanger

bs4buttoncheckbox
bs4buttonradio

bs4linkbutton
bs4linkbuttondanger
bs4linkbuttondefault
bs4linkbuttondisabled
bs4linkbuttongroup
bs4linkbuttongroupvertical
bs4linkbuttoninfo
bs4linkbuttonprimary
bs4linkbuttonsuccess
bs4linkbuttonwarning


bs4blocklinkbutton
bs4blocklinkbuttondanger
bs4blocklinkbuttondisabled
bs4blocklinkbuttoninfo
bs4blocklinkbuttonprimary
bs4blocklinkbuttonsuccess
bs4blocklinkbuttonwarning

Button group

bs4buttongroup
bs4buttongroupnesting
bs4buttongroupvertical
bs4buttoninfo
bs4buttonprimary
bs4buttonsuccess
bs4buttontoolbar
bs4buttonwarning

Button dropdown

bs4buttongdropdowns
bs4buttongdropdownsprimary
bs4buttongdropdownssuccess
bs4buttongdropdownsinfo
bs4buttongdropdownswarning
bs4buttongdropdownsdanger
bs4buttongdropdownsdropup

Forms

bs4form
bs4formbase
bs4forminline
bs4forminlinehidden
bs4formgroup
bs4formgrid

Input group

bs4inputlabel
bs4inputsm
bs4inputtext
bs4inputpassword
bs4inputnumber
bs4inputemail
bs4InputFile
bs4inputsearch
bs4inputselect
bs4inputtextarea
bs4inputsubmit

bs4inputhidden
bs4inputcheckbox
bs4inputradio
bs4inputcheckboxinline
bs4inputradioinline

bs4inputtel
bs4inputrange
bs4inputreset
bs4inputcolor
bs4inputtime
bs4inputurl
bs4inputdate
bs4inputtime
bs4inputweek
bs4inputmonth
bs4inputsuccess
bs4inputwarning
bs4inputdanger
bs4inputcheckboxsuccess
bs4inputcheckboxwarning
bs4inputcheckboxdanger
bs4inputCheckboxes
bs4inputRadios
bs4inputRadiosinline
bs4inputSelectMenu

bs4inputgroup
bs4inputgroupaddon
bs4inputgroupaddonPrice
bs4inputgroupbtn
bs4inputButtonsdropdowns

Label

bs4label
bs4labeldanger
bs4labeldefault
bs4labelinfo
bs4labelsuccess
bs4labelwarning
bs4labelprimary

bs4labelpilldefault
bs4labelpillprimary
bs4labelpillsuccess
bs4labelpillinfo
bs4labelpillwarning
bs4labelpilldanger

Alerts

bs4alert
bs4alertdanger
bs4alertinfo
bs4alertsuccess
bs4alertwarning

Card

bs4card
bs4cardcontent
bs4cardlink
bs4cardimg
bs4cardlistitem
bs4cardheading
bs4cardinfo
bs4cardprimary
bs4cardsuccess
bs4cardtable
bs4cardwarning

jumbotron

bs4jumbotron

Navs

bs4navInlinelist
bs4navInlinelistTable
bs4navInlinelistPill
bs4navInlinelistStacked
bs4navInlinedropdown
bs4navInlineTabsdropdown
bs4navInlinePillsdropdown
bs4navInlineTabJs

Navbar

bs4navbar
bs4navbarBrand
bs4navbarNav
bs4navbarColor
bs4navbarColordark
bs4navbarColorprimary
bs4navbarFixedTop
bs4navbarFixedBottom
bs4navbarCollapsed

Breadcrumb

bs4breadcrumbs

Pagination

bs4page
bs4pageraligned
bs4pagination
bs4paginationactive
bs4paginationsm
bs4paginationlg

Progress

bs4progress

List group

bs4listgroup
bs4listgrouplink
bs4listgroupLabels
bs4listgroupButtonItems
bs4listgroupColor
bs4listgroupcontent

Modal

bs4modal
bs4ModalLg
bs4ModalSm
bs4ModalGird
bs4ModalForm

Work with columns

bs4col3equal
bs4col3unequal
bs4col2equal
bs4col2nested
bs4colmobdesk
bs4colmobtabdesk
bs4clearfloats
bs4offsettingcol
bs4pushandpullcol

Local

bs4local
bs4localcss
bs4localjs

Table

snippets.bs4table
snippets.bs4tablehover
snippets.bs4tablebordered
snippets.bs4tableborderedhover
snippets.bs4tablecondensed
snippets.bs4tablecondensedhover
snippets.bs4tableresponsive
snippets.bs4tableresponsivehover
snippets.bs4tablestriped
snippets.bs4tablestripedhover
snippets.bs4tablecontextual

Tabs

snippets.bs4tabs
snippets.tabhover

HTML5 Tamplate

snippets.html5template

Wells

snippets.bs4welllg
snippets.bs4wellsm
snippets.bs4well

Wireframe theme for Bootstrap 3 Support

snippets.bs4sketchcss
snippets.bs4sketchjs

Animated Portfolio Sample

bs4portfoliocss
bs4portfoliolibs
bs4portfoliojs
bs4portfoliomenu
bs4portfoliocarouseltext
bs4portfoliosocialbuttons
bs4portfolioservices
bs4portfoliopricetable
bs4portfoliowork
bs4portfolioteam
bs4portfoliocontact
bs4portfoliosignupform
bs4portfoliocopyright

Credits

---

• Bootstrap Framework - http://getboostrap.com
• jQuery JavaScript Library v1.11.1 - jQuery Foundation, Inc. and other contributors
• Portfolio Snippets based on http://www.designbootstrap.com themes.
• Snippets based on Bootstrap 3 Sublime Plugin - Thanks Jason Morton - Twitter @JasonMortonNZ
• Images provided by http://www.publicdomainpictures.net
• Animate.css - http://daneden.me/animate
• Animations v2.1, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/
• Font Awesome 4.3.0 by @davegandy - http://fontawesome.io
• Ionicons, v2.0.0 - Created by Ben Sperry - http://ionicons.com/
• jQuery.appear - Michael Hixson and Alexander Brovikov - https://github.com/bas2k/jquery.appear/
• jQuery Easing v1.3 - Robert Penner- http://gsgd.co.uk/sandbox/jquery/easing/
• Isotope v1.5.25 - David DeSandro / Metafizzy - http://isotope.metafizzy.co
• WOW - v1.1.2 - Matthieu Aussaguel - http://mynameismatthieu.com/WOW/
• Source-code editor used in this project - Brackets - http://www.brackets.io
• Bootsketch - https://github.com/Yago/Bootsketch
• Bootswatch - Copyright 2014 Thomas Park - http://bootswatch.com/
• Jasny Bootstrap - Arnold Daniels - [email protected] - https://github.com/jasny/bootstrap

Thank you all!!!

License

---

MIT for this project.

Copyright (c) 2015 Antonio Carlos Barbosa Released under the MIT license