Watch 1 Star 2 Fork 0

Jiang / bootstrap-3.3.2-distJavaScript

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
bootstrap-3-3.2 spread retract

Clone or download
Jiang authored README.md
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

Bootstrap 3 Snippets

一组用于Visual Studio代码的Bootstrap 3 Snippets。

创建一个新的HTML文档并键入“bs3”以查看所有可用的代码段。

可用的代码段

警报

触发 描述
bs3-alert 警报框(默认)
bs3-alert:danger 危险警报箱
bs3-alert:info 信息提示框
bs3-alert:success 成功警报框
bs3-alert:warning 警告提示框

徽章(角标)

触发 描述
bs3-badge 徽章(默认)

面包屑

触发 描述
bs3-breadcrumbs 面包屑

按钮

触发 描述
bs3-button 按键
bs3-button:default 默认按钮
bs3-button:danger 危险按钮
bs3-button:disabled 禁用按钮
bs3-button:info 信息按钮
bs3-button:primary 主按钮
bs3-button:success 成功按钮
bs3-button:warning 警告按钮

按钮:块

触发 描述
bs3-block-button 按键(块)
bs3-block-button:default 默认按钮(块)
bs3-block-button:danger 危险按钮(块)
bs3-block-button:disabled 禁用按钮(块)
bs3-block-button:info 信息按钮(块)
bs3-block-button:primary 主按钮(块)
bs3-block-button:success 成功按钮(块)
bs3-block-button:warning 警告按钮(块)

按钮:快级链接

触发 描述
bs3-block-link-button 按键(块级链接)
bs3-block-link-button:default 默认按钮(块级链接)
bs3-block-link-button:danger 危险按钮(块级链接)
bs3-block-link-button:disabled 禁用按钮(块级链接)
bs3-block-link-button:info 信息按钮(块级链接)
bs3-block-link-button:primary 主按钮(块级链接)
bs3-block-link-button:success 成功按钮(块级链接)
bs3-block-link-button:warning 警告按钮(块级链接)

按钮:超小

触发 描述
bs3-xs-button 超小按钮
bs3-xs-button:default 超小默认按钮
bs3-xs-button:danger 超小危险按钮
bs3-xs-button:disabled 超小禁用按钮
bs3-xs-button:info 超小信息按钮
bs3-xs-button:primary 超小主按钮
bs3-xs-button:success 超小成功按钮
bs3-xs-button:warning 超小警告按钮

按钮:超小链接

触发 描述
bs3-xs-link-button 超小链接按钮
bs3-xs-link-button:default 默认的超小链接按钮
bs3-xs-link-button:danger 危险超小链接按钮
bs3-xs-link-button:disabled 禁用超小链接按钮
bs3-xs-link-button:info 信息超小链接按钮
bs3-xs-link-button:primary 主要超小链接按钮
bs3-xs-link-button:success 成功超小链接按钮
bs3-xs-link-button:warning 警告超小链接按钮

按钮:小

触发 描述
bs3-sm-button 小按钮
bs3-sm-button:default 小默认按钮
bs3-sm-button:danger 小危险按钮
bs3-sm-button:disabled 小禁用按钮
bs3-sm-button:info 小信息按钮
bs3-sm-button:primary 小主按钮
bs3-sm-button:success 小成功按钮
bs3-sm-button:warning 小警告按钮

按钮:小链接

触发 描述
bs3-sm-link-button 小链接按钮
bs3-sm-link-button:default 默认小链接按钮
bs3-sm-link-button:danger 危险小链接按钮
bs3-sm-link-button:disabled 禁用小链接按钮
bs3-sm-link-button:info 信息小链接按钮
bs3-sm-link-button:primary 主要小链接按钮
bs3-sm-link-button:success 成功小链接按钮
bs3-sm-link-button:warning 警告小链接按钮

按钮:大

触发 描述
bs3-lg-button 大按钮
bs3-lg-button:default 大默认按钮
bs3-lg-button:danger 大危险按钮
bs3-lg-button:disabled 大禁用按钮
bs3-lg-button:info 大信息按钮
bs3-lg-button:primary 大主按钮
bs3-lg-button:success 大成功按钮
bs3-lg-button:warning 大警告按钮

按钮:大链接

触发 描述
bs3-lg-link-button 大链接按钮
bs3-lg-link-button:default 默认大链接按钮
bs3-lg-link-button:danger 危险大链接按钮
bs3-lg-link-button:disabled 禁用大链接按钮
bs3-lg-link-button:info 信息大链接按钮
bs3-lg-link-button:primary 主要大链接按钮
bs3-lg-link-button:success 成功大链接按钮
bs3-lg-link-button:warning 警告大链接按钮

按钮:链接

触发 描述
bs3-link-button 链接按钮
bs3-link-button:default 默认链接按钮
bs3-link-button:danger 危险链接按钮
bs3-link-button:disabled 已禁用链接按钮
bs3-link-button:info 信息链接按钮
bs3-link-button:primary 主链接按钮
bs3-link-button:success 成功链接按钮
bs3-link-button:warning 警告链接按钮

按钮:组和工具栏

触发 描述
bs3-group 按钮组
bs3-group:vertical 垂直按钮组
bs3-link-group 链接按钮组
bs3-link-group:vertical 垂直链接按钮组
bs3-toolbar 按钮组的工具栏

轮播图

触发 描述
bs3-carousel 轮播图

CDN链接

触发 描述
bs3-cdn CDN托管链接:CSS和JS
bs3-cdn:css CDN托管链接:仅限CSS
bs3-cdn:js CDN托管链接:仅限JS

清除浮动

触发 描述
bs3-clearfix 清除浮动

表单

触发 描述
bs3-form 表单
bs3-form:horizontal 竖向表单
bs3-form:inline 横向表单

表格输入(字段)和选择

触发 描述
bs3-form:label 表格输入标签
bs3-input:hidden 隐藏输入
bs3-input:checkbox 复选框
bs3-input:color 颜色输入
bs3-input:color:h 颜色输入(已分组)
bs3-input:date 日期输入
bs3-input:date:h 日期输入(已分组)
bs3-input:email 电邮输入
bs3-input:email:h 电子邮件输入(已分组)
bs3-input:label 输入标签
bs3-input:month 月输入
bs3-input:month:h 月输入(已分组)
bs3-input:number 数字输入
bs3-input:number:h 数字输入(已分组)
bs3-input:password 密码输入
bs3-input:password:h 密码输入(已分组)
bs3-input:radio 无线电输入
bs3-input:range 范围输入
bs3-input:range:h 范围输入(已分组)
bs3-input:reset 重置输入
bs3-input:reset:h 复位输入(已分组)
bs3-input:search 搜索输入
bs3-input:search:h 搜索输入(已分组)
bs3-input:select 选择输入
bs3-input:select:h 选择输入(已分组)
bs3-input:submit 提交按钮
bs3-input:tel 电话输入
bs3-input:tel:h 电话输入(已分组)
bs3-input:text 文字输入
bs3-input:text:h 文字输入(已分组)
bs3-input:time 时间输入
bs3-input:time:h 时间输入(已分组)
bs3-input:url 网址输入
bs3-input:url:h URL输入(已分组)
bs3-input:week 周输入
bs3-input:week:h 周输入(已分组)
bs3-select 选择
bs3-select:h 选择(已分组)
bs3-textarea 多行文本
bs3-textarea:h Textarea(已分组)

表单输入组

触发 描述
bs3-input-group 输入组
bs3-input-group-addon 输入组(插件)
bs3-input-group:addon:text 输入组(插件和文本字段)
bs3-input-group-btn 输入组(按钮)
bs3-input-group:text:btn 输入组(text-field&btn)

网格:容器,列,行

触发 描述
bs3-container 容器
bs3-col Column (no number specified)
bs3-col:1 1 Column
bs3-col:2 2 Columns
bs3-col:3 3 Columns
bs3-col:4 4 Columns
bs3-col:5 5 Columns
bs3-col:6 6 Columns
bs3-col:7 7 Columns
bs3-col:8 8 Columns
bs3-col:9 9 Columns
bs3-col:10 10 Columns
bs3-col:11 11 Columns
bs3-col:12 12 Columns
bs3-row Row
bs3-row-col 行和列(自定义)

图标

触发 描述
bs3-icon 图标
bs3-icon:glyphicon Glyphicon

图片

触发 描述
bs3-image 响应式图像
bs3-thumbnail 缩略图
bs3-thumbnail:content 缩略图(含内容)

超大屏幕

触发 描述
bs3-jumbotron 超大屏幕

标签

触发 描述
bs3-label 标签
bs3-label:danger 危险标签
bs3-label:default 默认标签
bs3-label:info 标签信息
bs3-label:success 成功标签
bs3-label:warning 警告标签

列表组

触发 描述
bs3-list-group 列表组
bs3-list-group:badges 列表组(带徽章)
bs3-list-group:linked 列表组(带链接列表)
bs3-list-group:content 列表组(含内容)

入本地Bootstrap链接

触发 描述
bs3-local 导入本地Bootstrap链接

媒体对象

触发 描述
bs3-media-object 媒体对象

蒙版

触发 描述
bs3-modal 蒙版

导航

触发 描述
bs3-navbar 导航栏
bs3-navbar:basic 导航栏Navbar(基本)
bs3-navbar:brand 导航栏Navbar品牌元素
bs3-navbar:button 导航栏按钮
bs3-navbar:form 导航栏
bs3-navbar:link 导航栏链接
bs3-navbar:links 导航栏链接组
bs3-navbar:text 导航栏文字
bs3-navbar:fixed-bottom 导航栏Navbar固定底部
bs3-navbar:fixed-top 导航栏Navbar 固定顶部
bs3-navbar:inverse 导航栏Navbar Inverse
bs3-navbar:responsive 导航栏Navbar响应
bs3-navbar:static-top 导航栏Navbar Static-Top

页眉

触发 描述
bs3-page-header 页眉

分页

触发 描述
bs3-pager 分页(中间对齐)
bs3-pager:aligned 分页(两边对齐)
bs3-pagination 分页
bs3-pagination:sm 分页(小)
bs3-pagination:lg 分页(大)

面板

触发 描述
bs3-panel 面板
bs3-panel:heading 面板 (with Heading)
bs3-panel:footer 面板 (with Footer)
bs3-panel:table 面板 (with Table)
bs3-panel:danger 面板 (Danger)
bs3-panel:info 面板 (Info)
bs3-panel:primary 面板 (Primary)
bs3-panel:success 面板 (Success)
bs3-panel:warning 面板 (Warning)

进度条

触发 描述
bs3-progress 进度条
bs3-progress-striped 条纹进度条
bs3-progress:label 带标签的进度栏
bs3-progress-striped:label 带标签的条纹进度栏
bs3-progress:success 进度条(成功)
bs3-progress-striped:success 条纹进度条(成功)
bs3-progress:info 进度条(信息)
bs3-progress-striped:info 条纹进度条(信息)
bs3-progress:warning 进度条(警告)
bs3-progress-striped:warning 条纹进度条(警告)
bs3-progress:danger 进度条(危险)
bs3-progress-striped:danger 条纹进度条(危险)

触发 描述
bs3-table
bs3-table:bordered 带边框表
bs3-table:condensed 凝聚表
bs3-table:hover 悬停表
bs3-table:responsive 响应表
bs3-table:striped 条纹表

标签类

Trigger 描述
bs3-tabs 标签

模板

触发 描述
bs3-template:html5 HTML5模板布局

嵌入效果div

触发 描述
bs3-well 嵌入效果div
bs3-well:sm Small 嵌入效果div
bs3-well:lg Large 嵌入效果div

资源

Github

所有片段都来自Bootstrap 3 - Sublime Plugin

Comments ( 0 )

Sign in for post a comment

JavaScript
1
https://gitee.com/qq34347476/bootstrap-3.3.2-dist.git
git@gitee.com:qq34347476/bootstrap-3.3.2-dist.git
qq34347476
bootstrap-3.3.2-dist
bootstrap-3.3.2-dist
master

Search