帮酷LOGO
  • 显示原文与译文双语对照的内容
文章标签:Brackets  SNI  COL  BOO  snippet  collection  Bootstrap  snippets  
ACB Bootstrap Snippets - A collection of Bootstrap snippets for Brackets

  • 源代码名称:acb-bootstrap-snippets
  • 源代码网址:http://www.github.com/acbarbosa1964/acb-bootstrap-snippets
  • acb-bootstrap-snippets源代码文档
  • acb-bootstrap-snippets源代码下载
  • Git URL:
    git://www.github.com/acbarbosa1964/acb-bootstrap-snippets.git
  • Git Clone代码到本地:
    git clone http://www.github.com/acbarbosa1964/acb-bootstrap-snippets
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/acbarbosa1964/acb-bootstrap-snippets
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • 用于括号的Bootstrap Fragment

    用于Brackets编辑器的Bootstrap 段的一个 Collection 。

    Screenshot

    安装

    git-clone
    • 在主菜单下选择帮助> 显示扩展文件夹
    • git clone 这里存储库 inside 文件夹用户。
    • 插件扩展管理器
    • 在主菜单下选择文件> 扩展管理器。
    • 搜索 acb Bootstrap 代码段""
    • 单击install安装""

    :如何使用

    • 使 ACB Bootstrap Fragment
      在主菜单下选择 > Bootstrap 代码段
    • 开始键入"bs3"时,你将看到列表( 代码提示提供程序) 只选取一个Fragment并按回车键,或者
    • 输入一个Fragment并按键。

    扩展?

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

    代码段列表

    Bootstrap 3---最小模板

    bs3
    bs3template
    bs3html 

    电子邮件通知

    bs3alertdanger
    bs3alertinfo 
    bs3alertsuccess
    bs3alertwarning
    bs3alert

    徽章

    bs3badge

    Breadcrumbs

    bs3breadcrumbs

    按钮

    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

    表单

    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

    网格系统

    bs3col1
    bs3col10
    bs3col11
    bs3col12
    bs3col2
    bs3col3
    bs3col4
    bs3col5
    bs3col6
    bs3col7
    bs3col8
    bs3col9
    bs3container
    bs3rowcol
    bs3row

    使用列

    bs3col3equal
    bs3col3unequal
    bs3col2equal
    bs3col2nested
    bs3colmobdesk
    bs3colmobtabdesk
    bs3clearfloats
    bs3offsettingcol
    bs3pushandpullcol

    图标

    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

    图像

    bs3image
    bs3thumbnailcontent
    bs3thumbnail
    bs3imagerounded
    bs3imagecircle
    bs3imagethumbnail
    bs3imageresponsive
    bs3thumbnailgallerysample
    bs3responsiveembed16by9
    bs3responsiveembed4by3

    输入组

    bs3inputgroupaddontext
    bs3inputgroupaddon
    bs3inputgroupbtn
    bs3inputgrouptextbtn
    bs3inputgroup

    大屏幕

    bs3jumbotron

    标签

    bs3labeldanger
    bs3labeldefault
    bs3labelinfo
    bs3labelsuccess
    bs3labelwarning
    bs3label

    链接按钮

    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

    下拉列表组

    bs3listgroupbadges
    bs3listgroupcontent
    bs3listgrouplinked
    bs3listgroup

    本地

    bs3local
    bs3localcss
    bs3localjs

    媒体

    bs3mediaobject

    模式

    bs3modal
    bs3modalstruct

    导航

    snippets.bs3navbarbasic
    snippets.bs3navbarbrand
    snippets.bs3navbarfixedbottom
    snippets.bs3navbarfixedtop
    snippets.bs3navbarform
    snippets.bs3navbarinverse
    snippets.bs3navbarlink
    snippets.bs3navbarlinks
    snippets.bs3navbarresponsive
    snippets.bs3navbarstatictop
    snippets.bs3navbartext
    snippets.bs3navbar

    页标题

    snippets.bs3pageheader

    分页

    snippets.bs3pageraligned
    snippets.bs3pager
    snippets.bs3paginationlarge
    snippets.bs3paginationsmall
    snippets.bs3pagination

    面板

    snippets.bs3paneldanger
    snippets.bs3panelfooter
    snippets.bs3panelheading
    snippets.bs3panelinfo
    snippets.bs3panelprimary
    snippets.bs3panelsuccess
    snippets.bs3paneltable
    snippets.bs3panelwarning
    snippets.bs3panel

    snippets.bs3table
    snippets.bs3tablehover
    snippets.bs3tablebordered
    snippets.bs3tableborderedhover
    snippets.bs3tablecondensed
    snippets.bs3tablecondensedhover
    snippets.bs3tableresponsive
    snippets.bs3tableresponsivehover
    snippets.bs3tablestriped
    snippets.bs3tablestripedhover
    snippets.bs3tablecontextual

    选项卡

    snippets.bs3tabs
    snippets.tabhover

    HTML5 Tamplate

    snippets.html5template

    snippets.bs3welllg
    snippets.bs3wellsm
    snippets.bs3well

    Bootstrap 3支持的线框主题

    snippets.bs3sketchcss
    snippets.bs3sketchjs

    动画组合示例

    bs3portfoliocss
    bs3portfoliolibs
    bs3portfoliojs
    bs3portfoliomenu
    bs3portfoliocarouseltext
    bs3portfoliosocialbuttons
    bs3portfolioservices
    bs3portfoliopricetable
    bs3portfoliowork
    bs3portfolioteam
    bs3portfoliocontact
    bs3portfoliosignupform
    bs3portfoliocopyright

    Bootswatch模板支持

    bs3bootswatchcerulean
    bs3bootswatchcosmo
    bs3bootswatchcustom
    bs3bootswatchcyborg
    bs3bootswatchdarkly
    bs3bootswatchflatly
    bs3bootswatchjournal
    bs3bootswatchlumen
    bs3bootswatchpaper
    bs3bootswatchreadble
    bs3bootswatchsandstone
    bs3bootswatchsimplex
    bs3bootswatchslate
    bs3bootswatchspacelab
    bs3bootswatchsuperhero
    bs3bootswatchunited
    bs3bootswatchyeti

    Bootstrap 3媒体查询- 移动第一个方法

    bs3mqfmdesktops
    bs3mqfmextrasmalldevices
    bs3mqfmiphoneretina
    bs3mqfmlargedevices
    bs3mqfmmediumdevices
    bs3mqfmphones
    bs3mqfmsmalldevices
    bs3mqfmtablets
    bs3mqfmwidescreen

    Bootstrap 3媒体查询- 非移动第一种方法

    bs3mqdesktops
    bs3mqextrasmalldevices
    bs3mqiphoneretina
    bs3mqlargedevices
    bs3mqmediumdevices
    bs3mqphones
    bs3mqsmalldevices
    bs3mqtablets
    bs3mqwidescreens
    Jasny Bootstrap

    让 Bootstrap的组件使用十几个定制的jQuery插件实现生命。 轻松地包含它们,或者一个一个地包含。

    Author: Arnold Daniels - arnold@jasny.net 
    URL: http://www.jasny.net/
    Project: https://github.com/jasny/bootstrap

    Jasny

    bs3jsncdncss
    bs3jsncdnjs

    Bootstrap 最小Jasny模板

    bs3jsnhtml
    bs3jsnhtmlnavbar
    bs3jsnhtmlnavbaroffcanvas

    容器

    添加。容器平滑容器以对所有viewport尺寸使用相同的max-width 。 这意味着容器的大小不会在媒体查询断点处跳转。 bs3jsncontainer

    按钮

    带标签的标准按钮

    bs3jsnbtnleft

    右侧带有标签的标准按钮

    bs3jsnbtnright

    带有标签的成功按钮

    bs3jsnbtnsuccess

    带有标签的危险按钮

    bs3jsnbtndanger

    Navmenu

    如果你在左侧或者右侧添加了,则固定的navmenu将覆盖你的其他内容,除非你将它的添加到。 尝试你自己的值或者使用我们的代码 Fragment below 。 提示:默认情况下,navmenu为 300px 宽。

     @media (min-width: 992px) {
     body {
     padding-left: 300px;
     }
     }

    Navmenu bs3命令

    媒体查询
    bs3jsnnavmenumediaquery
    Navmenu
    bs3jsnnavmenu

    Navmenu --固定在左侧或者右侧

    添加。navmenu-fixed-left或者。navmenu-fixed-right 。

    bs3jsnnavmenufixedleft
    bs3jsnnavmenufixedright
    bs3jsnnavmenuoffcanvasreveal
    bs3jsnnavmenuoffcanvaspush

    电子邮件通知

    固定到顶部/底部。添加。alert-fixed-top顶部将提醒置于页面顶部。 用于底部的使用 alert-fixed-bottom 。 bs3jsnalerttop bs3jsnalertbottom

    bs3jsnalertdangertop
    bs3jsnalertdangerbottom
    bs3jsnalertwarningtop
    bs3jsnalertwarningbottom
    bs3jsnalertinfotop
    bs3jsnalertinfobottom
    bs3jsnalertsuccesstop
    bs3jsnalertsuccessbottom

    table-- ROWLINK

    bs3jsntablerowlink

    数据输入掩码

    bs3jsninputmask
    bs3jsnfileselect
    bs3jsnbtnfileselect
    bs3jsnuploadimag

    获取辅助文件和资产的动画组合示例检查 Bootstrap 组合项目项目。

    注释

    ** v0.0.14 - 现在包含 601个bs3命令和 Bootstrap 3,包括媒体查询默认大小和 Jasny ! ( 更多信息检查 bs-func.txt 和 snippet.js 文件)

    Credits

    谢谢大家 !

    许可证

    这里项目的

    版权所有( c ) 2015 Antonio Barbosa在MIT许可下发布



    文章标签:COL  BOO  引导  Collect  collection  Bootstrap  SNI  snippet  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语