Bootstrap 4x代码片段
Bootstrap v4.4.1 代码片段
详细信息
安装
- 总计 61K
- Win 53K
- Mac 4K
- Linux 5K
8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | 6月22日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 5 | 7 | 2 | 2 | 4 | 9 | 7 | 7 | 4 | 3 | 3 | 4 | 3 | 10 | 4 | 6 | 3 | 3 | 6 | 6 | 2 | 5 | 2 | 1 | 6 | 3 | 3 | 6 | 11 | 1 | 2 | 3 | 2 | 3 | 4 | 3 | 5 | 2 | 1 | 3 | 3 | 1 | 1 | 2 | 1 | 4 |
Mac | 2 | 2 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 1 |
Linux | 0 | 0 | 0 | 1 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 3 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 1 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 |
README
Bootstrap 4.4 - Sublime 代码片段
一个包含Bootstrap 4.4代码片段的Sublime插件
👉 Bootstrap 4.4 - Sublime 代码片段 - (目前Bootstrap v4.4.1)
欢迎通过以下方式告知我您想添加的其他内容:
:globe_with_meridians | proficientdesigners.com |
---|---|
:octocat | 问题 |
安装
安装此插件有3种方法。
通过“包控制:安装包”菜单搜索“Bootstrap 4.4 代码片段”。注意:如果您未安装Sublime Package Control,可以在此处找到安装方法https://sublime.wbond.net/installation
将仓库克隆到您的Sublime Text 3软件包目录中。
git clone https://github.com/proficientdesigners/sublime-text-bs4-snippets.git
下载.zip文件并将其解压到您的Sublime Text 3软件包目录中。注意:您可以通过访问首选项 > 浏览软件包来找到您的Sublime Text 3软件包目录。
使用方法
在HTML文件中开始键入b4-
,自动完成窗口将打开。它是模糊匹配的。因此,您可以键入b4btn
以找到b4-btn
代码片段。
确保您已在 preferences.sublime-settings 中启用了“b4”
"auto_complete_triggers": [{ "selector": "text.html", "characters": "b4" }]
主要特点
- 对所有组件的支持。
- 对模板的支持。
- 对布局的支持。
- 对内容的支持。
额外功能
- 添加了
b4-blog-home-template
和b4-blog-post-template
等代码片段,作为开始博客帖子模板的附加功能。
演示视频
代码片段
入门指南
代码片段列表 |
---|
b4-accordion |
b4-alert |
b4-alert-additional |
b4-alert-dismissing |
b4-alert-link |
b4-badge |
b4-badge-link |
b4-badge-pill |
b4-blockquote |
b4-blog-home-template |
b4-blog-post-template |
b4-breadcrumb |
b4-btn |
b4-btn-a-disabled |
b4-btn-a-tag |
b4-btn-active |
b4-btn-badge |
b4-btn-block |
b4-btn-disabled |
b4-btn-group |
b4-btn-group-nesting |
b4-btn-group-sizing |
b4-btn-group-toggle |
b4-btn-group-toolbar |
b4-btn-input-tag |
b4-btn-outline |
b4-button-addon |
b4-button-addon-dropdown |
b4-card |
b4-card-border |
b4-card-deck-img |
b4-card-deck-img-title-footer |
b4-card-group-img |
b4-card-group-img-title-footer |
b4-card-header-footer |
b4-card-horizontal |
b4-card-img |
b4-card-img-cap-bottom |
b4-card-img-cap-top |
b4-card-img-overlay |
b4-card-kitchen-sink |
b4-card-list |
b4-card-nav |
b4-card-primary |
b4-card-quote |
b4-card-styles |
b4-card-title-text-links |
b4-carousel-crossfade |
b4-carousel-item-interval |
b4-carousel-slides-only |
b4-carousel-with-controls |
b4-carousel-with-controls-indicators |
b4-carousel-with-controls-indicators-captions |
b4-cdn-css |
b4-cdn-js |
b4-checkbox |
b4-checkbox-inline |
b4-close-icon |
b4-collapse |
b4-container |
b4-container-fluid |
b4-custom-checkbox |
b4-custom-checkbox-disabled |
b4-custom-file |
b4-custom-headings |
b4-custom-radio |
b4-custom-radio-disabled |
b4-custom-range |
b4-custom-select |
b4-custom-switch |
b4-custom-switch-disabled |
b4-dropdown-button |
b4-dropdown-link |
b4-dropdown-split-btn |
b4-embed |
b4-figure |
b4-form |
b4-form-grid |
b4-form-help-text |
b4-form-horizontal |
b4-form-inline |
b4-form-login |
b4-form-row |
b4-form-tooltip-validation |
b4-form-validation |
b4-gutter |
b4-image-replacement |
b4-img-center |
b4-img-left |
b4-img-responsive |
b4-img-right |
b4-img-thumbnail |
b4-input-group |
b4-input-group-append |
b4-input-group-append-prepend |
b4-input-group-button-addons-append |
b4-input-group-button-addons-prepend |
b4-input-group-button-custom-file-append |
b4-input-group-button-custom-file-prepend |
b4-input-group-button-custom-select-append |
b4-input-group-button-custom-select-prepend |
b4-input-group-button-dropdown-append |
b4-input-group-button-dropdown-prepend |
b4-input-group-button-segmented-append |
b4-input-group-button-segmented-prepend |
b4-input-group-checkbox |
b4-input-group-custom-file-append |
b4-input-group-custom-file-prepend |
b4-input-group-custom-select-append |
b4-input-group-custom-select-prepend |
b4-input-group-input-label |
b4-input-group-multiple-addons-append |
b4-input-group-multiple-addons-prepend |
b4-input-group-multiple-input |
b4-input-group-prepend |
b4-input-group-radio |
b4-input-group-textarea |
b4-jumbotron |
b4-jumbotron-fluid |
b4-lead |
b4-list-inline |
b4-list-unstyled |
b4-listgroup |
b4-listgroup-badges |
b4-listgroup-btn |
b4-listgroup-custom-content |
b4-listgroup-flush |
b4-listgroup-horizontal |
b4-listgroup-item-active |
b4-listgroup-item-disabled |
b4-listgroup-link |
b4-media |
b4-media-align |
b4-media-list |
b4-media-nesting |
b4-modal |
b4-nav-align-horizontal |
b4-nav-align-vertical |
b4-nav-align-vertical-item-link |
b4-nav-align-vertical-link |
b4-nav-item-link |
b4-nav-link |
b4-nav-pills-horizontal |
b4-nav-pills-vertical |
b4-nav-tabs |
b4-navbar |
b4-navbar-brand-link |
b4-navbar-form-inline |
b4-navbar-heading |
b4-navbar-image |
b4-navbar-image-text |
b4-navbar-mini-a |
b4-navbar-mini-li |
b4-navbar-text |
b4-pagination |
b4-pagination-disabled-active |
b4-pagination-icon |
b4-picture |
b4-popover |
b4-progress |
b4-progress-multiple |
b4-radio |
b4-radio-inline |
b4-row-cols |
b4-screen-readers |
b4-scrollspy |
b4-scrollspy-listgroup |
b4-scrollspy-nested |
b4-segmented-button |
b4-spinner-border |
b4-spinner-grow |
b4-starter-template |
b4-stretched-link |
b4-table |
b4-toast |
b4-toast-placement |
b4-toast-placement-center |
b4-toast-placement-stacking |
b4-toast-stacking |
b4-tooltip |
b4-tooltip-disabled |
演示视频
由
许可
Bootstrap 4 - Sublime 插件是开源软件,遵守 MIT 许可证。