The most popular front-end framework for developing responsive, mobile first projects on the web.
See the version list below for details.
In this video we will show you 15 powerful Bootstrap Studio features that will help you save time and be more productive: 00:14 - Component drag & drop 01:46. We're happy to share that Bootstrap Studio 4.4.3 is out and you can upgrade to it right away. Here is what's new: A new powerful Find and Replace dialog was added. With it you can search across your entire designs and intelligently replace only relevant text, class names and attributes. The HTML search functionality was improved with support for same-case search and regular.
Release Notes
Dependencies
- jQuery(>= 3.0.0 && < 4.0.0)
- popper.js(>= 1.16.0 && < 2.0.0)
Used By
NuGet packages (300)
Showing the top 5 NuGet packages that depend on bootstrap:
Package | Downloads |
---|---|
Twitter.Bootstrap Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development. Package issues? Please post them here https://github.com/sirkirby/twitter-bootstrap-nuget/issues | |
AspNet.ScriptManager.bootstrap This package contains the AspNet.ScriptManager.bootstrap assembly that will automatically register bootstrap 4.5.2 with the ScriptManager as 'bootstrap'. | |
Bootstrap.v3.Datetimepicker.CSS A date/time picker component designed to work with Bootstrap 3 and Momentjs.For usage, installation and demos see Project Site on GitHubFor LESS version install Bootstrap.v3.Datetimepicker | |
bootstrap-select The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support. | |
bootbox IMPORTANT! All versions of Bootbox stand on the shoulders of two great giants: Twitter’s Bootstrap framework and jQuery. The exact version of Bootstrap depends on the version of Bootbox you’re using. (for detailed dependeciey chart: http://bootboxjs.com/#dependencies) Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Twitter's Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers. |
GitHub repositories (139)
Showing the top 5 popular GitHub repositories that depend on bootstrap:
Repository | Stars |
---|---|
dotnet/orleans Orleans is a cross-platform framework for building distributed applications with .NET | |
microsoft/ailab Experience, Learn and Code the latest breakthrough innovations with Microsoft AI | |
ServiceStack/ServiceStack Thoughtfully architected, obscenely fast, thoroughly enjoyable web services for all | |
RicoSuter/NSwag The Swagger/OpenAPI toolchain for .NET, ASP.NET Core and TypeScript. | |
xamarin/xamarin-forms-samples Sample apps built using the Xamarin.Forms framework |
Version History
Version | Downloads | Last updated |
---|---|---|
5.0.0-alpha3 | 1,930 | 11/11/2020 |
5.0.0-alpha2 | 2,572 | 10/4/2020 |
5.0.0-alpha1 | 13,811 | 6/17/2020 |
4.5.3 | 75,255 | 10/14/2020 |
4.5.2 | 133,821 | 8/6/2020 |
4.5.1 | 12,345 | 8/4/2020 |
4.5.0 | 218,963 | 5/12/2020 |
4.4.1 | 629,307 | 11/29/2019 |
4.4.1-content-files | 749 | 2/8/2020 |
4.4.0 | 17,369 | 11/27/2019 |
4.3.1 | 1,580,640 | 2/13/2019 |
4.2.1 | 349,204 | 12/21/2018 |
4.1.3 | 1,040,392 | 7/25/2018 |
4.1.2 | 46,239 | 7/19/2018 |
4.1.1 | 546,726 | 5/1/2018 |
4.1.1-contentFiles | 2,539 | 6/29/2018 |
4.1.0 | 149,083 | 4/11/2018 |
4.0.0 | 776,816 | 1/18/2018 |
4.0.0-beta3 | 10,647 | 12/28/2017 |
4.0.0-beta2 | 31,604 | 11/6/2017 |
4.0.0-beta | 30,053 | 8/11/2017 |
4.0.0-alpha6 | 94,239 | 1/6/2017 |
4.0.0-alpha5 | 24,768 | 10/19/2016 |
4.0.0-alpha4 | 14,142 | 9/12/2016 |
4.0.0-alpha3 | 35,627 | 7/27/2016 |
4.0.0-alpha2 | 55,264 | 12/13/2015 |
4.0.0-alpha | 38,312 | 8/20/2015 |
3.4.1 | 2,159,664 | 2/13/2019 |
3.4.0 | 106,417 | 12/16/2018 |
3.3.7 | 10,464,187 | 7/25/2016 |
3.3.6 | 2,891,676 | 11/24/2015 |
3.3.6-jQuery3 | 3,783 | 7/15/2016 |
3.3.5 | 1,503,284 | 7/22/2015 |
3.3.4 | 1,338,250 | 3/26/2015 |
3.3.2 | 544,804 | 2/11/2015 |
3.3.1 | 637,833 | 11/26/2014 |
3.3.0 | 575,842 | 11/11/2014 |
3.2.0 | 1,362,238 | 6/27/2014 |
3.1.1 | 923,951 | 2/25/2014 |
3.1.0 | 122,174 | 1/31/2014 |
3.0.3 | 458,222 | 12/7/2013 |
3.0.2 | 141,778 | 11/9/2013 |
3.0.1 | 451,099 | 10/31/2013 |
3.0.0 | 17,538,452 | 8/24/2013 |
2.3.2 | 157,331 | 8/24/2013 |
2.3.1 | 110,982 | 6/27/2013 |
1.0.0 | 10,411 | 5/20/2012 |
Twitter Bootstrap 3 Snippets Plugin for Sublime Text 2/3
Details
Installs
- Total400K
- Win287K
- Mac60K
- Linux52K
Dec 13 | Dec 12 | Dec 11 | Dec 10 | Dec 9 | Dec 8 | Dec 7 | Dec 6 | Dec 5 | Dec 4 | Dec 3 | Dec 2 | Dec 1 | Nov 30 | Nov 29 | Nov 28 | Nov 27 | Nov 26 | Nov 25 | Nov 24 | Nov 23 | Nov 22 | Nov 21 | Nov 20 | Nov 19 | Nov 18 | Nov 17 | Nov 16 | Nov 15 | Nov 14 | Nov 13 | Nov 12 | Nov 11 | Nov 10 | Nov 9 | Nov 8 | Nov 7 | Nov 6 | Nov 5 | Nov 4 | Nov 3 | Nov 2 | Nov 1 | Oct 31 | Oct 30 | Oct 29 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 2 | 35 | 32 | 62 | 55 | 55 | 48 | 35 | 31 | 41 | 62 | 47 | 55 | 54 | 32 | 55 | 91 | 59 | 64 | 59 | 64 | 36 | 44 | 61 | 50 | 63 | 59 | 32 | 36 | 45 | 53 | 50 | 47 | 48 | 42 | 49 | 72 | 44 | 60 | 75 | 61 | 51 | 45 | 45 | 53 | 45 |
Mac | 1 | 1 | 0 | 3 | 2 | 5 | 2 | 1 | 1 | 1 | 5 | 4 | 2 | 1 | 3 | 3 | 2 | 5 | 5 | 4 | 7 | 0 | 5 | 2 | 3 | 4 | 4 | 3 | 0 | 1 | 5 | 2 | 1 | 3 | 0 | 5 | 1 | 1 | 1 | 4 | 1 | 4 | 5 | 1 | 1 | 4 |
Linux | 0 | 2 | 4 | 3 | 0 | 3 | 2 | 2 | 2 | 3 | 3 | 3 | 5 | 4 | 2 | 11 | 7 | 4 | 5 | 4 | 2 | 1 | 2 | 6 | 2 | 5 | 4 | 1 | 2 | 5 | 2 | 3 | 3 | 0 | 4 | 1 | 5 | 4 | 8 | 3 | 3 | 2 | 2 | 1 | 2 | 2 |
Readme
- Source
- raw.githubusercontent.com
A sublime plugin complete with Bootstrap 3 snippets
Feel free to let me know what else you want added via:
- Twitter @JasonMortonNZ
What's included - contents
Installation
There are 3 methods for installing this plugin.
Search for “Bootstrap 3 Snippets” via the “Package Control: Install Packages” menu.Note: If you don't have Sublime Package Control installed, you can find out how to install it here https://sublime.wbond.net/installation
Clone the repository into your Sublime Text 2/3 packages directory.git clone https://github.com/JasonMortonNZ/bs3-sublime-plugin.git
Download the .zip file and unzip it into your Sublime Text 2/3 packages directory.Note: You can find your Sublime Text 2/3 packages directory by going to Preferences > Browse Packages.
Usage
Start typing bs3
in html files and the autocomplete window opens. It matches fuzzily. So you can type bs3radio
to find the bs3-input:radio
snippet.
Be sure you have enabled “bs” in your Preferences.sublime-settings:
'auto_complete_triggers': [{'selector': 'text.html', 'characters': 'bs3'}]
Note: If you experience any issues with a leading “<” please look at this issue thread for some potential solutions.
CDN
Component | Snippet code |
---|---|
CDN link (both CSS & JS) | bs3-cdn |
CDN link (CSS only) | bs3-cdn:css |
CDN link (JS only) | bs3-cdn:js |
Local
Component | Snippet code |
---|---|
Link to local bootstrap files | bs3-local |
Templates
Component | Snippet code |
---|---|
HTML5 Template Layout | bs3-template:html5 |
Forms
Component | Snippet code |
---|---|
Form | bs3-form |
Inline Form | bs3-form:inline |
Horizontal Form | bs3-form:horizontal |
Tables
Component | Snippet code |
---|---|
Table | bs3-table |
Bordered Table | bs3-table:bordered |
Condensed Table | bs3-table:condensed |
Hover Table | bs3-table:hover |
Striped Table | bs3-table:striped |
Input Fields (Form fields)
Note: you can add “ :h ” to the end of any input field snippet to make it compatible with Bootstrap 3 horizontal forms. E.g.- bs3-input:text:h- bs3-input:hidden:h
Component | Snippet code | Options |
---|---|---|
Label | bs3-input:label | |
Text Input | bs3-input:text | :h |
Email Input | bs3-input:email | :h |
Password Input | bs3-input:password | :h |
Hidden Input | bs3-input:hidden | :h |
Url Input | bs3-input:url | :h |
Color Input | bs3-input:color | :h |
Number Input | bs3-input:number | :h |
Range Input | bs3-input:range | :h |
Date Input | bs3-input:date | :h |
Week Input | bs3-input:week | :h |
Month Input | bs3-input:month | :h |
Time Input | bs3-input:time | :h |
Tel Input | bs3-input:tel | :h |
Search Input | bs3-input:search | :h |
Reset Input | bs3-input:reset | :h |
Submit Input | bs3-input:submit | :h |
Checkbox Input | bs3-input:checkbox | :h |
Radio Box Input | bs3-input:radio | :h |
Select Box | bs3-select | :h |
Textarea | bs3-textarea | :h |
Alerts
Get Bootstrap 4
Component | Snippet code |
---|---|
Alert Box (Default) | bs3-alert |
Danger Alert Box | bs3-alert:danger |
Info Alert Box | bs3-alert:info |
Success Alert Box | bs3-alert:success |
Warning Alert Box | bs3-alert:warning |
Badges
Component | Snippet code |
---|---|
Badge (Default) | bs3-badge |
Breadcrumbs
Component | Snippet code |
---|---|
Breadcrumbs | bs3-breadcrumbs |
Carousel
Component | Snippet code |
---|---|
Carousel | bs3-carousel |
Buttons
Note: all button snippets below can have any of the following options append to the end of the snippet *.- :danger- :default- :disabled- :info- :primary- :success- :warning
An example:- bs3-button:success- bs3-large-button:disabled- bs3-block-button:warning
Component | Snippet code | Options |
---|---|---|
Button | bs3-button | * |
Block Button | bs3-block-button | * |
Mini Button | bs3-xs-button | * |
Small Button | bs3-sm-button | * |
Large Button | bs3-lg-button | * |
Grid
Note: The bs3-col snippet can be used both on its own or with the addition of a colon followed by the number of columns required: E.g.
- bs3-col
- bs3-col:6
- bs3-col:12
Component | Snippet code | Options |
---|---|---|
Column | bs3-col | :1-12 |
Row | bs3-row | |
Container | bs3-container |
Icons
Component | Snippet code |
---|---|
Glyphicon | bs3-icon:glyphicon |
Icon (Font Awesome) | bs3-icon |
Images
Component | Snippet code |
---|---|
Thumbnail | bs3-thumbnail |
Thumbnail with content | bs3-thumbnail:content |
Labels
Bootstrap Studio Review
Component | Snippet code |
---|---|
Label | bs3-label |
Danger Label | bs3-label:danger |
Info Label | bs3-label:info |
Success Label | bs3-label:success |
Warning Label | bs3-label:warning |
Pagination
Component | Snippet code |
---|---|
Pager | bs3-pager |
Aligned Pager | bs3-pager:aligned |
Pagination | bs3-pagination |
Pagination:small | bs3-pagination:sm |
Pagination:large | bs3-pagination:lg |
Navigation
Component | Snippet code |
---|---|
Navbar (basic navbar) | bs3-navbar |
Navbar Brand Element | bs3-navbar:brand |
Navbar Button | bs3-navbar:button |
Navbar Form | bs3-navbar:form |
Navbar Link | bs3-navbar:link |
Navbar Text | bs3-navbar:text |
Navbar Fixed-Botton | bs3-navbar:fixed-bottom |
Navbar Fixed-Top | bs3-navbar:fixed-top |
Navbar Inverse | bs3-navbar:inverse |
Navbar Responsive | bs3-navbar:responsive |
Navbar Static-Top | bs3-navbar:static-top |
Jumbotron
Component | Snippet code |
---|---|
Jumbotron (ex Hero Unit) | bs3-jumbotron |
Panels
Component | Snippet code |
---|---|
Panel | bs3-panel |
Panel (contextual) | bs3-panel:{warning,success,info,danger,primary} |
Panel (with heading) | bs3-panel:heading |
Panel (with footer) | bs3-panel:footer |
List-groups
Component | Snippet code |
---|---|
List group | bs3-list-group |
List group (with badges) | bs3-list-group:badges |
List group (linked list) | bs3-list-group:linked |
List group (with content) | bs3-list-group:content |
Media Objects
Component | Snippet code |
---|---|
Media Object | bs3-media-object |
Clearfix
Component | Snippet code |
---|---|
Clearfix | bs3-clearfix |
Wells
Component | Snippet code |
---|---|
Well | bs3-well |
Well (small) | bs3-well:sm |
Well (large) | bs3-well:lg |
Tabs
Component | Snippet code |
---|---|
Tabs pane | bs3-tabs |
Input-groups
Component | Snippet code |
---|---|
Input group | bs3-input-group |
Input group(addon & text-field) | bs3-input-group:addon:text |
Input group (addon) | bs3-input-group-addon |
Input group (button) | bs3-input-group-btn |
Input group (text-field & btn) | bs3-input-group:text:btn |
Bootstrap Studio 4.4.4 Download
License
Bootstrap Studio Download
Bootstrap 3 - Sublime Plugin is open-sourced software licensed under the MIT license.