ACB Bootstrap Snippets

by Antonio Carlos Barbosa for brackets >=0.31.3 
A collection of Bootstrap snippets for Brackets (Now with 601 bs3 commands including media query default sizes and Jasny Bootstrap!!!)
version
0.0.14
modified
2015-11-12T20:19:10.225Z
first seen
2015-07-15T22:06:18.250Z
downloads
49534
 Versions
0.0.14
2015-11-12T20:19:10.225Z
33143
0.0.13
2015-11-08T21:59:43.857Z
1598
0.0.12
2015-10-19T15:55:46.354Z
4190
0.0.11
2015-10-16T14:35:00.923Z
974
0.0.10
2015-08-05T03:11:44.997Z
5884
0.0.9
2015-07-27T15:25:29.627Z
1362
0.0.8
2015-07-21T18:28:52.470Z
814
0.0.7
2015-07-21T13:51:54.903Z
174
0.0.6
2015-07-20T13:26:01.528Z
328
0.0.5
2015-07-20T13:02:34.797Z
12
0.0.4
2015-07-20T12:14:15.266Z
123
0.0.2
2015-07-16T15:01:25.809Z
544
0.0.1
2015-07-15T22:06:18.250Z
388
 Readme
# [Bootstrap Snippets for Brackets](https://github.com/acbarbosa1964/acb-bootstrap-snippets) A collection of [Bootstrap](http://getbootstrap.com/) snippets for [Brackets](http://brackets.io/) editor. ![Screenshot](https://github.com/acbarbosa1964/acb-sample-gifs/raw/master/images/acb-bootstrap-snippets.gif?raw=true) ## 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 "ACB Bootstrap snippets" 3. Click "Install" ## How to use 1. **Enable ACB Bootstrap Snippets**<br/> Under main menu select **Edit > Enable ACB Bootstrap Snippets** 2. Starting typing "bs3" 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 3 - Minimum Template bs3 bs3template bs3html ### Alerts bs3alertdanger bs3alertinfo bs3alertsuccess bs3alertwarning bs3alert ### Badge bs3badge ### Breadcrumbs bs3breadcrumbs ### Buttons bs3blockbuttondanger bs3blockbuttondefault bs3blockbuttondisabled bs3blockbuttoninfo bs3blockbuttonprimary bs3blockbuttonsuccess bs3blockbuttonwarning bs3blockbutton bs3buttondanger bs3buttondefault bs3buttondisabled bs3buttongroupvertical bs3buttongroup bs3buttoninfo bs3buttonprimary bs3buttonsuccess bs3buttontoolbar bs3buttonwarning bs3button bs3lgbuttondanger bs3lgbuttondisabled bs3lgbuttoninfo bs3lgbuttonprimary bs3lgbuttonsuccess bs3lgbuttonwarning bs3lgbutton bs3lgbuttondefault bs3minibuttondanger bs3minibuttondefault bs3minibuttondisabled bs3minibuttoninfo bs3minibuttonprimary bs3minibuttonsuccess bs3minibuttonwarning bs3minibutton bs3smbuttondanger bs3smbuttondefault bs3smbuttondisabled bs3smbuttoninfo bs3smbuttonprimary bs3smbuttonsuccess bs3smbuttonwarning bs3smbutton ### Carousel bs3carousel // Sample Images // // http://www.publicdomainpictures.net/ ### CDN bs3cdn bs3cdnanimatecss bs3cdnanimationscss bs3cdnanimationsjs bs3cdnappearjs bs3cdnbackbonejs bs3cdncss bs3cdncsvimportjs bs3cdndatatablecss bs3cdndatatablejs bs3cdneasingjs bs3cdnfancyboxcss bs3cdnfancyboxjs bs3cdnfontawesomecss bs3cdnfoodcart bs3cdnioniconscss bs3cdnisotopejs bs3cdnjasnycss bs3cdnjasnyjs bs3cdnjs bs3cdnmodernizr bs3cdnpagecurlcss bs3cdnsmoothscrolljs bs3cdnstylebluecss bs3cdnstylegreencss bs3cdnstyleredcss bs3cdnstylesolidblackcss bs3cdnstylesolidredcss bs3cdnstyleyellowcss bs3cdnvegascss bs3cdnvegasjs bs3cdnwowjs ### Clearfix bs3clearfix ### Forms bs3formhorizontal bs3forminline bs3formlabel bs3form bs3inputcheckbox bs3inputcolorh bs3inputcolor bs3inputdateh bs3inputdate bs3inputemailh bs3inputemail bs3inputhidden bs3inputlabel bs3inputmonthh bs3inputmonth bs3inputnumberh bs3inputnumber bs3inputpasswordh bs3inputpassword bs3inputradio bs3inputrangeh bs3inputrange bs3inputreseth bs3inputreset bs3inputsearchh bs3inputsearch bs3inputselecth bs3inputselect bs3inputsubmith bs3inputsubmit bs3inputtelh bs3inputtel bs3inputtexth bs3inputtext bs3inputtimeh bs3inputtime bs3inputurlh bs3inputurl bs3inputweekh bs3inputweek bs3selecth bs3select bs3textareah bs3textarea ### Grid System bs3col1 bs3col10 bs3col11 bs3col12 bs3col2 bs3col3 bs3col4 bs3col5 bs3col6 bs3col7 bs3col8 bs3col9 bs3container bs3rowcol bs3row ### Work with columns bs3col3equal bs3col3unequal bs3col2equal bs3col2nested bs3colmobdesk bs3colmobtabdesk bs3clearfloats bs3offsettingcol bs3pushandpullcol ### Icons bs3iconglyphicon bs3iconsample bs3icon bs3iconasterisk bs3iconplus bs3iconminus bs3iconeuro bs3iconcloud bs3iconenvelope bs3iconpencil bs3iconglass bs3iconmusic bs3iconsearch bs3iconheart bs3iconstar bs3iconstarempty bs3iconuser bs3iconfilm bs3iconthlarge bs3iconth bs3iconthlist bs3iconok bs3iconremove bs3iconzoomin bs3iconzoomout bs3iconoff bs3iconsignal bs3iconcog bs3icontrash bs3iconhome bs3iconfile bs3icontime bs3iconroad bs3icondownloadalt bs3icondownload bs3iconupload bs3iconinbox bs3iconplaycircle bs3iconrepeat bs3iconrefresh bs3iconlistalt bs3iconlock bs3iconflag bs3iconheadphones bs3iconvolumeoff bs3iconvolumedown bs3iconvolumeup bs3iconqrcode bs3iconbarcode bs3icontag bs3icontags bs3iconbook bs3iconbookmark bs3iconprint bs3iconcamera bs3iconfont bs3iconbold bs3iconitalic bs3icontextheight bs3icontextwidth bs3iconalignleft bs3iconaligncenter bs3iconalignright bs3iconalignjustify bs3iconlist bs3iconindentleft bs3iconindentright bs3iconfacetimevideo bs3iconpicture bs3iconmapmarker bs3iconadjust bs3icontint bs3iconedit bs3iconshare bs3iconcheck bs3iconmove bs3iconstepbackward bs3iconfastbackward bs3iconbackward bs3iconplay bs3iconpause bs3iconstop bs3iconforward bs3iconfastforward bs3iconstepforward bs3iconeject bs3iconchevronleft bs3iconchevronright bs3iconplussign bs3iconminussign bs3iconremovesign bs3iconoksign bs3iconquestionsign bs3iconinfosign bs3iconscreenshot bs3iconremovecircle bs3iconokcircle bs3iconbancircle bs3iconarrowleft bs3iconarrowright bs3iconarrowup bs3iconarrowdown bs3iconsharealt bs3iconresizefull bs3iconresizesmall bs3iconexclamationsign bs3icongift bs3iconleaf bs3iconfire bs3iconeyeopen bs3iconeyeclose bs3iconwarningsign bs3iconplane bs3iconcalendar bs3iconrandom bs3iconcomment bs3iconmagnet bs3iconchevronup bs3iconchevrondown bs3iconretweet bs3iconshoppingcart bs3iconfolderclose bs3iconfolderopen bs3iconresizevertical bs3iconresizehorizontal bs3iconhdd bs3iconbullhorn bs3iconbell bs3iconcertificate bs3iconthumbsup bs3iconthumbsdown bs3iconhandright bs3iconhandleft bs3iconhandup bs3iconhanddown bs3iconcirclearrowright bs3iconcirclearrowleft bs3iconcirclearrowup bs3iconcirclearrowdown bs3iconglobe bs3iconwrench bs3icontasks bs3iconfilter bs3iconbriefcase bs3iconfullscreen bs3icondashboard bs3iconpaperclip bs3iconheartempty bs3iconlink bs3iconphone bs3iconpushpin bs3iconusd bs3icongbp bs3iconsort bs3iconsortbyalphabet bs3iconsortbyalphabetalt bs3iconsortbyorder bs3iconsortbyorderalt bs3iconsortbyattributes bs3iconsortbyattributesalt bs3iconunchecked bs3iconexpand bs3iconcollapsedown bs3iconcollapseup bs3iconlogin bs3iconflash bs3iconlogout bs3iconnewwindow bs3iconrecord bs3iconsave bs3iconopen bs3iconsaved bs3iconimport bs3iconexport bs3iconsend bs3iconfloppydisk bs3iconfloppysaved bs3iconfloppyremove bs3iconfloppysave bs3iconfloppyopen bs3iconcreditcard bs3icontransfer bs3iconcutlery bs3iconheader bs3iconcompressed bs3iconearphone bs3iconphonealt bs3icontower bs3iconstats bs3iconsdvideo bs3iconhdvideo bs3iconsubtitles bs3iconsoundstereo bs3iconsounddolby bs3iconsound51 bs3iconsound61 bs3iconsound71 bs3iconcopyrightmark bs3iconregistrationmark bs3iconclouddownload bs3iconcloudupload bs3icontreeconifer bs3icontreedeciduous ### Images bs3image bs3thumbnailcontent bs3thumbnail bs3imagerounded bs3imagecircle bs3imagethumbnail bs3imageresponsive bs3thumbnailgallerysample bs3responsiveembed16by9 bs3responsiveembed4by3 ### Input Groups bs3inputgroupaddontext bs3inputgroupaddon bs3inputgroupbtn bs3inputgrouptextbtn bs3inputgroup ### Jumbotron bs3jumbotron ### Labels bs3labeldanger bs3labeldefault bs3labelinfo bs3labelsuccess bs3labelwarning bs3label ### Link Buttons bs3blocklinkbuttondanger bs3blocklinkbuttondefault bs3blocklinkbuttondisabled bs3blocklinkbuttoninfo bs3blocklinkbuttonprimary bs3blocklinkbuttonsuccess bs3blocklinkbuttonwarning bs3blocklinkbutton bs3lglinkbuttondanger bs3lglinkbuttondefault bs3lglinkbuttondisabled bs3lglinkbuttoninfo bs3lglinkbuttonprimary bs3lglinkbuttonsuccess bs3lglinkbuttonwarning bs3lglinkbutton bs3linkbuttondanger bs3linkbuttondefault bs3linkbuttondisabled bs3linkbuttongroupvertical bs3linkbuttongroup bs3linkbuttoninfo bs3linkbuttonprimary bs3linkbuttonsuccess bs3linkbuttonwarning bs3linkbutton bs3minilinkbuttondanger bs3minilinkbuttondefault bs3minilinkbuttondisabled bs3minilinkbuttoninfo bs3minilinkbuttonprimary bs3minilinkbuttonsuccess bs3minilinkbuttonwarning bs3minilinkbutton bs3smlinkbuttondanger bs3smlinkbuttondefault bs3smlinkbuttondisabled bs3smlinkbuttoninfo bs3smlinkbuttonprimary bs3smlinkbuttonsuccess bs3smlinkbuttonwarning bs3smlinkbutton ### List Groups bs3listgroupbadges bs3listgroupcontent bs3listgrouplinked bs3listgroup ### Local bs3local bs3localcss bs3localjs ### Media bs3mediaobject ### Modal bs3modal bs3modalstruct ### Navigation snippets.bs3navbarbasic snippets.bs3navbarbrand snippets.bs3navbarfixedbottom snippets.bs3navbarfixedtop snippets.bs3navbarform snippets.bs3navbarinverse snippets.bs3navbarlink snippets.bs3navbarlinks snippets.bs3navbarresponsive snippets.bs3navbarstatictop snippets.bs3navbartext snippets.bs3navbar ### Page Header snippets.bs3pageheader ### Pagination snippets.bs3pageraligned snippets.bs3pager snippets.bs3paginationlarge snippets.bs3paginationsmall snippets.bs3pagination ### Panels snippets.bs3paneldanger snippets.bs3panelfooter snippets.bs3panelheading snippets.bs3panelinfo snippets.bs3panelprimary snippets.bs3panelsuccess snippets.bs3paneltable snippets.bs3panelwarning snippets.bs3panel ### Table snippets.bs3table snippets.bs3tablehover snippets.bs3tablebordered snippets.bs3tableborderedhover snippets.bs3tablecondensed snippets.bs3tablecondensedhover snippets.bs3tableresponsive snippets.bs3tableresponsivehover snippets.bs3tablestriped snippets.bs3tablestripedhover snippets.bs3tablecontextual ### Tabs snippets.bs3tabs snippets.tabhover ### HTML5 Tamplate snippets.html5template ### Wells snippets.bs3welllg snippets.bs3wellsm snippets.bs3well ### Wireframe theme for Bootstrap 3 Support snippets.bs3sketchcss snippets.bs3sketchjs ### Animated Portfolio Sample bs3portfoliocss bs3portfoliolibs bs3portfoliojs bs3portfoliomenu bs3portfoliocarouseltext bs3portfoliosocialbuttons bs3portfolioservices bs3portfoliopricetable bs3portfoliowork bs3portfolioteam bs3portfoliocontact bs3portfoliosignupform bs3portfoliocopyright ### Bootswatch Template Support bs3bootswatchcerulean bs3bootswatchcosmo bs3bootswatchcustom bs3bootswatchcyborg bs3bootswatchdarkly bs3bootswatchflatly bs3bootswatchjournal bs3bootswatchlumen bs3bootswatchpaper bs3bootswatchreadble bs3bootswatchsandstone bs3bootswatchsimplex bs3bootswatchslate bs3bootswatchspacelab bs3bootswatchsuperhero bs3bootswatchunited bs3bootswatchyeti ### Bootstrap 3 Media Queries - Mobile First Method bs3mqfmdesktops bs3mqfmextrasmalldevices bs3mqfmiphoneretina bs3mqfmlargedevices bs3mqfmmediumdevices bs3mqfmphones bs3mqfmsmalldevices bs3mqfmtablets bs3mqfmwidescreen ### Bootstrap 3 Media Queries - Non-Mobile First Method bs3mqdesktops bs3mqextrasmalldevices bs3mqiphoneretina bs3mqlargedevices bs3mqmediumdevices bs3mqphones bs3mqsmalldevices bs3mqtablets bs3mqwidescreens # Jasny Bootstrap --- Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one. Author: Arnold Daniels - arnold@jasny.net URL: http://www.jasny.net/ Project: https://github.com/jasny/bootstrap ### Jasny CDN bs3jsncdncss bs3jsncdnjs ### Bootstrap Minimum Jasny Templates bs3jsnhtml bs3jsnhtmlnavbar bs3jsnhtmlnavbaroffcanvas ### Container Added .container-smooth a container to use the same max-width for all viewport sizes. This means that the container size won't jump at media query breakpoints. bs3jsncontainer ### Buttons Standard button with label bs3jsnbtnleft Standard button with label on the right side bs3jsnbtnright Success button with label bs3jsnbtnsuccess Danger button with label bs3jsnbtndanger ### Navmenu Body padding required!! The fixed navmenu will overlay your other content, unless you add padding to the left or right of the <body>. Try out your own values or use our snippet below. Tip: By default, the navmenu is 300px wide. @media (min-width: 992px) { body { padding-left: 300px; } } ### Navmenu bs3 commands #### Media Query bs3jsnnavmenumediaquery #### Navmenu bs3jsnnavmenu ### Navmenu - Fixed to left or right Add either .navmenu-fixed-left or .navmenu-fixed-right. bs3jsnnavmenufixedleft bs3jsnnavmenufixedright bs3jsnnavmenuoffcanvasreveal bs3jsnnavmenuoffcanvaspush ### Alerts Fixed to top / bottom. Add .alert-fixed-top top stick the alert on top of your page. Use .alert-fixed-bottom for the bottom. bs3jsnalerttop bs3jsnalertbottom bs3jsnalertdangertop bs3jsnalertdangerbottom bs3jsnalertwarningtop bs3jsnalertwarningbottom bs3jsnalertinfotop bs3jsnalertinfobottom bs3jsnalertsuccesstop bs3jsnalertsuccessbottom ### Table - ROWLINK bs3jsntablerowlink ### Data Entry Mask bs3jsninputmask bs3jsnfileselect bs3jsnbtnfileselect bs3jsnuploadimag --- To get supplementary files and assets for Animated Portfolio Sample check [Bootstrap Portfolio Project](https://github.com/acbarbosa1964/light-wave-bootstrap-portfolio-sample) ### Notes ** v0.0.14 - Now with 601 bs3 commands and Bootstrap 3 including media query default sizes and Jasny!!! (More info check bs-func.txt and snippet.js files) ### 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 - arnold@jasny.net - https://github.com/jasny/bootstrap Thank you all!!! ### License --- [MIT](https://raw.githubusercontent.com/acbarbosa1964/acb-bootstrap-snippets/master/LICENSE) for this project. Copyright (c) 2015 Antonio Carlos Barbosa Released under the MIT license