Bootstrap is one of the best framework which is built on HTML, CSS & JavaScript.
There are a lot of web Developers and designers who prefer to use Bootstrap to create a responsive websites.
Using Brackets code editor, it is easy to code Bootstrap 3 or Bootstrap 4.
In this article, we will show some best Bootstrap extensions which will make the Bootstrap coding a lot easier. Few popular Bootstrap extensions for Brackets are –
1. Brackets Starter template
The Bootstrap starter Template creates a starter template for Bootstrap. This contains Bootstrap skeleton similar to HTML skeleton.
Once you install this extension, simply go to –
File -> New Bootstrap Template or use the shortcut Ctrl + Alt + B.
Click on this link to go to the GitHub link of this extension. This page contains all the Bootstrap shortcodes available with this extension for Brackets.
After installing this plugin, go to Edit -> Enable RCH Bootstrap Snippets
For Example: If you type bs4btn, it will generate a code for Bootstrap Button.
5. Brackets CSS Class Code Hint
Note/InfoNow, the author(growlscript) of this extension has stopped maintaining this plugin so we do not recommend you to use this plugin. Instead, it is better to use the ACB Bootstrap Snippets or RCH Bootstrap 4 Snippets.
There is a popular extension Brackets CSS Class Code Hint which provides the code hinting for Bootstrap.
You need to place the bootstrap.css file in your CSS Folder and refresh your Brackets editor.
Now, you need to link this stylesheet to your HTML document like below –
<linkrel="stylesheet"href="css/bootstrap.css">
Suppose, you forgot the class name while coding, then it will automatically suggest the class names.
This plugin is not only for Bootstrap as it will provide the code hints for any other custom class names also.