= Bootstrap IntelliJ Plugin
The IntelliJ Bootstrap plugin for Bootstrap 3 and Bootstrap 4. This plugin enhances productivity by providing live templates - lots of live templates! This plugin works for the following JetBrains products:
- IntelliJ IDEA
- WebStorm and PhpStorm
- Android Studio
- PyCharm
- RubyMine
- AppCode
- CLion
- Gogland
- Rider
And supports Bootstrap 3.3.7 and Bootstrap 4.0.0-beta.
If you like the Bootstrap plugin, please consider donating: image:https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif[Donate,link=https://paypal.me/intellijbootstrap]
image:https://raw.githubusercontent.com/bodiam/intellij-bootstrap3/master/screencasts/starter-template.gif[Plugin in action]
Feel free to let me know what else you want added via the https://github.com/bodiam/intellij-bootstrap3/issues[issues].
Suggestions, feedback and other comments welcome via https://twitter.com/epragt[@epragt] on Twitter.
=== Installation (in 3 easy steps)
To install the plugin open your editor (IntelliJ) and hit:
-
File > Settings > Plugins and click on the Browse repositories button.
-
Look for
Bootstrap 3the right click and selectDownload plugin. -
Finally hit the
Applybutton, agree to restart your IDE and you're all done!
=== Usage
To use the plugin, open an editor, and start typing bs3- for Bootstrap 3, or bs4- for Bootstrap 4 templates followed by pressing CMD+J.
A list of templates will show up.
Alternatively, you can type e.g. alert, followed by CMD+J, to immediately show only the alert templates.
== What's new
Since 4.1.0 (15 April 2018)
- Added new template (bs3-panel:default) thanks to cedriczie
Since 4.0 (1 Oct 2017)
- Bugfixes
- Initial Bootstrap 4 support (expect more to come soon)
Note: version 3.0 was skipped to better align with Bootstrap versioning
Since 2.4 (12 Mar 2017)
- Added bs3-form-field:select, thanks to https://github.com/JeyKeu[JQ]
Since 2.3 (13 Feb 2017)
- Bootstrap 3.3.7
- Code will now be reformatted, thanks to https://github.com/azeemhassni[Azeem Hassni].
Since 2.2.1 (7 Jan 2016)
- bugfixes, thanks to https://github.com/azeemhassni[Azeem Hassni].
Since 2.2 (14 Dec 2015)
- upgraded to Bootstrap 3.3.6
Since 2.1 (22 Jul 2015)
- upgraded to Bootstrap 3.3.5 thanks to https://github.com/lihaibh[Chuck Housley].
Since 2.0 (26 May 2015)
- Jade support
- Small bugfixes
Thanks https://github.com/pjedwabny[Paweł Jedwabny], https://github.com/lihaibh[Lihai Ben-Haim] and https://github.com/oscarbatlle[Oscar Batlle]!
== What's included - contents
- link:#alert[Alert]
- link:#alert-link[Alert-link]
- link:#alert[Alert]
- link:#badge[Badge]
- link:#breadcrumbs[Breadcrumbs]
- link:#button-group[Button-group]
- link:#button-toolbar[Button-toolbar]
- link:#button[Button]
- link:#cdn[Cdn]
- link:#checkbox[Checkbox]
- link:#clearfix[Clearfix]
- link:#col[Col]
- link:#container[Container]
- link:#dismissable-alert[Dismissable-alert]
- link:#feature[Feature]
- link:#form[Form]
- link:#form-field[Form-field]
- link:#form[Form]
- link:#icon[Icon]
- link:#image[Image]
- link:#input[Input]
- link:#jumbotron[Jumbotron]
- link:#label[Label]
- link:#list-group[List-group]
- link:#media-object[Media-object]
- link:#modal[Modal]
- link:#navbar[Navbar]
- link:#page-header[Page-header]
- link:#pager[Pager]
- link:#pagination[Pagination]
- link:#panel[Panel]
- link:#pills[Pills]
- link:#progress-bar[Progress-bar]
- link:#radio[Radio]
- link:#responsive-embed[Responsive-embed]
- link:#row[Row]
- link:#select[Select]
- link:#submit[Submit]
- link:#table[Table]
- link:#tabs[Tabs]
- link:#template[Template]
- link:#thumbnail[Thumbnail]
- link:#well[Well]
=== Alert, ===, Component, Snippet code, Context, Alert, bs3-alert, HTML, ===
=== Alert-link, ===, Component, Snippet code, Context, Alert with alert link (warning), bs3-alert-link, HTML, ===
=== Alert, ===, Component, Snippet code, Context, Alert (Danger), bs3-alert:danger, HTML, Alert (Info), bs3-alert:info, HTML, Alert (Success), bs3-alert:success, HTML, Alert (Warning), bs3-alert:warning, HTML, ===
=== Badge, ===, Component, Snippet code, Context, Badge, bs3-badge, HTML, ===
=== Breadcrumbs, ===, Component, Snippet code, Context, Breadcrumbs, bs3-breadcrumbs, HTML, ===
=== Button-group, ===, Component, Snippet code, Context, Button group, bs3-button-group, HTML, Button group (Vertical orientation), bs3-button-group:vertical, HTML, ===
=== Button-toolbar, ===, Component, Snippet code, Context, Button toolbar, bs3-button-toolbar, HTML, ===
=== Button, ===, Component, Snippet code, Context, Full dropdown example, bs3-button:dropdown, HTML, ===
=== Cdn, ===, Component, Snippet code, Context, Bootstrap 3 CSS & JS CDN, bs3-cdn, HTML, Bootstrap 3 CSS CDN, bs3-cdn:css, HTML, Bootstrap 3 JavaScript CDN, bs3-cdn:js, HTML, ===
=== Checkbox, ===, Component, Snippet code, Context, Checkbox Input Field, bs3-checkbox, HTML, ===
=== Clearfix, ===, Component, Snippet code, Context, Clearfix, bs3-clearfix, HTML, ===
=== Col, ===, Component, Snippet code, Context, Column 1, bs3-col:1, HTML, Column 10, bs3-col:10, HTML, Column 11, bs3-col:11, HTML, Column 12, bs3-col:12, HTML, Column 2, bs3-col:2, HTML, Column 3, bs3-col:3, HTML, Column 4, bs3-col:4, HTML, Column 5, bs3-col:5, HTML, Column 6, bs3-col:6, HTML, Column 7, bs3-col:7, HTML, Column 8, bs3-col:8, HTML, Column 9, bs3-col:9, HTML, ===
=== Container, ===, Component, Snippet code, Context, Container, bs3-container, HTML, Container Fluid, bs3-container:fluid, HTML, ===
=== Dismissable-alert, ===, Component, Snippet code, Context, Dismissable alert (danger), bs3-dismissable-alert:danger, HTML, Dismissable alert (info), bs3-dismissable-alert:info, HTML, Dismissable alert (success), bs3-dismissable-alert:success, HTML, Dismissable alert (warning), bs3-dismissable-alert:warning, HTML, ===
=== Feature, ===, Component, Snippet code, Context, Carousel Rows, bs3-feature:carousel-rows, HTML, Carousel Rows, bs3-feature:carousel-rows-css, CSS, Beautiful image card with description, bs3-feature:image-card-with-description, HTML, Beautiful image card with description, bs3-feature:image-card-with-description-css, CSS, Thumbnail in gallery, bs3-feature:thumbnail, HTML, Thumbnail gallery, bs3-feature:thumbnail-gallery, HTML, ===
=== Form, ===, Component, Snippet code, Context, Form, bs3-form, HTML, ===
=== Form-field, ===, Component, Snippet code, Context, No description, bs3-form-field:button, HTML, No description, bs3-form-field:checkbox, HTML, No description, bs3-form-field:select, HTML, No description, bs3-form-field:text, HTML, No description, bs3-form-field:time, HTML, ===
=== Form, ===, Component, Snippet code, Context, Form (Horizontal), bs3-form:horizontal, HTML, Form (Inline), bs3-form:inline, HTML, Form (Label), bs3-form:label, HTML, ===
=== Icon, ===, Component, Snippet code, Context, Font Awesome Icon, bs3-icon, HTML, Glyphicon, bs3-icon:glyphicon, HTML, ===
=== Image, ===, Component, Snippet code, Context, Image, bs3-image, HTML, ===
=== Input, ===, Component, Snippet code, Context, Input (Form Input), bs3-input, HTML, Horizontal Form Input Field, bs3-input:h, HTML, ===
=== Jumbotron, ===, Component, Snippet code, Context, Jumbotron, bs3-jumbotron, HTML, ===
=== Label, ===, Component, Snippet code, Context, Label, bs3-label, HTML, Label (Danger), bs3-label:danger, HTML, Label (Default), bs3-label:default, HTML, Label (Info), bs3-label:info, HTML, Label (Success), bs3-label:success, HTML, Label (Warning), bs3-label:warning, HTML, ===
=== List-group, ===, Component, Snippet code, Context, List group, bs3-list-group, HTML, List group with Badges, bs3-list-group:badges, HTML, List Group with Content, bs3-list-group:content, HTML, Linked List Group, bs3-list-group:linked, HTML, ===
=== Media-object, ===, Component, Snippet code, Context, Media object (single entry), bs3-media-object, HTML, Example media object, bs3-media-object:example, HTML, ===
=== Modal, ===, Component, Snippet code, Context, Modal Dialog Box, bs3-modal, HTML, ===
=== Navbar, ===, Component, Snippet code, Context, Navbar, bs3-navbar, HTML, Navbar (Basic), bs3-navbar:basic, HTML, Navbar (Brand), bs3-navbar:brand, HTML, Navbar (Fixed Bottom), bs3-navbar:fixed-bottom, HTML, Navbar (Fixed Top), bs3-navbar:fixed-top, HTML, Navbar (Form), bs3-navbar:form, HTML, Navbar (Inverse), bs3-navbar:inverse, HTML, Navbar (Link), bs3-navbar:link, HTML, Navbar (Links), bs3-navbar:links, HTML, Navbar (Responsive), bs3-navbar:responsive, HTML, Navbar (Static Top), bs3-navbar:static-top, HTML, Navbar (Text), bs3-navbar:text, HTML, ===
=== Page-header, ===, Component, Snippet code, Context, Page Header, bs3-page-header, HTML, ===
=== Pager, ===, Component, Snippet code, Context, Pager, bs3-pager, HTML, Pager (Aligned), bs3-pager:aligned, HTML, ===
=== Pagination, ===, Component, Snippet code, Context, Pagination, bs3-pagination, HTML, Pagination (Large), bs3-pagination:large, HTML, Pagination (Small), bs3-pagination:small, HTML, ===
=== Panel, ===, Component, Snippet code, Context, Panel, bs3-panel, HTML, Panel (Danger), bs3-panel:danger, HTML, Panel with footer, bs3-panel:footer, HTML, Panel with heading, bs3-panel:heading, HTML, Panel (Info), bs3-panel:info, HTML, Panel (Primary), bs3-panel:primary, HTML, Panel (Success), bs3-panel:success, HTML, Panel with table, bs3-panel:table, HTML, Panel (Warning), bs3-panel:warning, HTML, ===
=== Pills, ===, Component, Snippet code, Context, Pills, bs3-pills, HTML, Pills (With dropdown menu), bs3-pills:dropdown, HTML, Pills (Justified), bs3-pills:justified, HTML, Pills (Vertical), bs3-pills:vertical, HTML, ===
=== Progress-bar, ===, Component, Snippet code, Context, Basic progress bar, bs3-progress-bar, HTML, Progress bar (danger), bs3-progress-bar:danger, HTML, Progress bar (info), bs3-progress-bar:info, HTML, Progress bar with label, bs3-progress-bar:label, HTML, Stacked progress bar, bs3-progress-bar:stacked, HTML, Striped progress bar, bs3-progress-bar:striped, HTML, Animated striped progress bar, bs3-progress-bar:striped-animated, HTML, Progress bar (success), bs3-progress-bar:success, HTML, Progress bar (warning), bs3-progress-bar:warning, HTML, ===
=== Radio, ===, Component, Snippet code, Context, Radio Form Field, bs3-radio, HTML, ===
=== Responsive-embed, ===, Component, Snippet code, Context, Responsive embed of video (16:9), bs3-responsive-embed:16:9, HTML, Responsive embed of video (4:3), bs3-responsive-embed:4:3, HTML, ===
=== Row, ===, Component, Snippet code, Context, Row, bs3-row, HTML, ===
=== Select, ===, Component, Snippet code, Context, Select Box Form Field, bs3-select, HTML, Horizontal Form Select Box Field, bs3-select:h, HTML, ===
=== Submit, ===, Component, Snippet code, Context, Submit Button for Form, bs3-submit, HTML, Submit Button for Horizontal Forms, bs3-submit:h, HTML, ===
=== Table, ===, Component, Snippet code, Context, Table, bs3-table, HTML, Table (Bordered), bs3-table:bordered, HTML, Table (Condensed), bs3-table:condensed, HTML, Table (Hover), bs3-table:hover, HTML, Table (Responsive), bs3-table:responsive, HTML, Table (Striped), bs3-table:striped, HTML, ===
=== Tabs, ===, Component, Snippet code, Context, Tabs, bs3-tabs, HTML, Tabs (With dropdown menu), bs3-tabs:dropdown, HTML, Tabs (Justified), bs3-tabs:justified, HTML, ===
=== Template, ===, Component, Snippet code, Context, Bootstrap 3 HTML5 Template, bs3-template:html5, HTML, Bootstrap 3 Starter Template, bs3-template:starter, HTML, ===
=== Thumbnail, ===, Component, Snippet code, Context, Thumbnail, bs3-thumbnail, HTML, Thumbnail with content, bs3-thumbnail:content, HTML, ===
=== Well, ===, Component, Snippet code, Context, Well, bs3-well, HTML, Well (large), bs3-well:large, HTML, Well (small), bs3-well:small, HTML, ===
=== License
Bootstrap 3 - IntelliJ Plugin is open-sourced software licensed under the http://opensource.org/licenses/MIT[MIT license].
This plugin is based on https://github.com/JasonMortonNZ/bootstrap3-phpstorm-plugin[bootstrap-3-phpstorm-plugin] by https://twitter.com/jasonmortonnz[@JasonMortonNZ],
who did all of the hard work of creating most of the templates.