Twitter Bootstrap 3 Jade
Sublime Text 插件
请随时贡献
一个包含 Twitter Bootstrap 3 代码片段的 Sublime Text 插件
依赖
类名补全
包含内容 - 目录
警告框
| 组件 |
代码片段 |
| 警告框（默认） |
bst-alert |
| 危险警告框 |
bst-alert:danger |
| 信息警告框 |
bst-alert:info |
| 成功警告框 |
bst-alert:success |
| 警告警告框 |
bst-alert:warning |
徽章
路径导航
| 组件 |
代码片段 |
| 路径导航 |
bst-breadcrumbs |
按钮
注意：以下所有按钮代码片段都可以附加以下选项之一到最后：*. - :danger - :default - :disabled - :info - :primary - :success - :warning
示例： - bst-button:success - bst-lg-button:disabled - bst-block-button:warning
| 组件 |
代码片段 |
选项 |
| 按钮 |
bst-button |
* |
| 块按钮 |
bst-block-button |
* |
| 迷你按钮 |
bst-xs-button |
* |
| 小按钮 |
bst-sm-button |
* |
| 大按钮 |
bst-lg-button |
* |
| 按钮 |
bst-button |
* |
CDN
| 组件 |
代码片段 |
| CDN链接（CSS和JS） |
bst-cdn |
| CDN链接（仅CSS） |
bst-cdn:css |
| CDN链接（仅JS） |
bst-cdn:js |
表单
| 组件 |
代码片段 |
| 表单 |
bst-form |
| 内联表单 |
bst-form:inline |
| 水平表单 |
bst-form:horizontal |
网格
注意： bst-col 碎片既可以独立使用，也可以在后面加上冒号和需要的列数： 例如：
- bst-col
- bst-col:6
- bst-col:12
| 组件 |
代码片段 |
选项 |
| 列 |
bst-col |
:1-12 |
图标
| 组件 |
代码片段 |
| glyphicon |
bst-icon:glyphicon |
| 图标（Font Awesome） |
bst-icon |
图片
| 组件 |
代码片段 |
| 缩略图 |
bst-thumbnail |
| 带内容的缩略图 |
bst-thumbnail:content |
输入字段（表单字段）
注意：可以在任何输入字段片段的末尾添加“:h”使其与 Twitter Bootstrap 3 水平表单兼容。 例如： bst-input:text:h - bst-input:hidden:h
| 组件 |
代码片段 |
选项 |
| 标签 |
bst-input:label |
|
| 文本输入 |
bst-input:text |
:h |
| 电子邮件输入 |
bst-input:email |
:h |
| 密码输入 |
bst-input:password |
:h |
| 隐藏输入 |
bst-input:hidden |
:h |
| 网址输入 |
bst-input:url |
:h |
| 颜色输入 |
bst-input:color |
:h |
| 数字输入 |
bst-input:number |
:h |
| 范围输入 |
bst-input:range |
:h |
| 日期输入 |
bst-input:date |
:h |
| 周输入 |
bst-input:week |
:h |
| 月输入 |
bst-input:month |
:h |
| 时间输入 |
bst-input:time |
:h |
| 电话输入 |
bst-input:tel |
:h |
| 搜索输入 |
bst-input:search |
:h |
| 重置输入 |
bst-input:reset |
:h |
| 提交输入 |
bst-input:submit |
:h |
| 复选框输入 |
bst-input:checkbox |
:h |
| 单选框输入 |
bst-input:radio |
:h |
JavaScript 组件
| 组件 |
代码片段 |
| 手风琴 |
bst-accordion |
| 轮播 |
bst-carousel |
| 模态框 |
bst-modal |
巨幕
| 组件 |
代码片段 |
| 巨幕（前英雄单元） |
bst-jumbotron |
标签
| 组件 |
代码片段 |
| 标签 |
bst-label |
| 危险标签 |
bst-label:danger |
| 信息标签 |
bst-label:info |
| 成功标签 |
bst-label:success |
| 警告标签 |
bst-label:warning |
列表组
| 组件 |
代码片段 |
| 列表 |
bst-list-group |
| 列表（带徽章） |
bst-list-group:badges |
| 列表（链接列表） |
bst-list-group:linked |
| 列表（带内容） |
bst-list-group:content |
媒体对象
导航
| 组件 |
代码片段 |
| 导航栏（基本导航栏） |
bst-navbar |
| 导航栏品牌元素 |
bst-navbar:brand |
| 导航栏按钮 |
bst-navbar:button |
| 导航栏表单 |
bst-navbar:form |
| 导航栏链接 |
bst-navbar:link |
| 导航栏文本 |
bst-navbar:text |
| 固定底部导航栏 |
bst-navbar:fixed-bottom |
| 固定顶部导航栏 |
bst-navbar:fixed-top |
| 反转导航栏 |
bst-navbar:inverse |
| 响应式导航栏 |
bst-navbar:responsive |
| 静态顶部导航栏 |
bst-navbar:static-top |
分页
| 组件 |
代码片段 |
| 分页器 |
bst-pager |
| 对齐分页器 |
bst-pager:aligned |
| 分页 |
bст-pagination |
| 小分页 |
bst-pagination:small |
| 大分页 |
bst-pagination:large |
面板
| 组件 |
代码片段 |
| 面板 |
bst-panel |
| 面板（上下文相关） |
bst-panel:{warning,success,info,danger,primary} |
| 面板（带标题） |
bst-panel:heading |
| 面板（带页脚） |
bst-panel:footer |
进度条
表格
| 组件 |
代码片段 |
| 表格 |
bst-table |
| 边框表格 |
bst-table:bordered |
| 紧凑表格 |
bst-table:condensed |
| 悬停表格 |
bst-table:hover |
| 条纹表格 |
bst-table:striped |
模板
许可
Twitter Bootstrap 3 Jade - Sublime Text 插件是开源软件，许可协议为 MIT 协议。
