Bootstrap IntelliSense

Bootstrap IntelliSense is a Visual Studio Code extension that enhances the development experience with Bootstrap. It offers CSS class autocompletion, hover previews, sorting classes, and the ability to choose from multiple versions of Bootstrap.

This extension is inspired by the popular Tailwind CSS IntelliSense extension.

Installation

Install via the Visual Studio Code Marketplace →

In order for the extension to activate you must have Bootstrap installed in your workspace.

Activation

The extension will be activated automatically when it's installed.

Features

Smart Autocomplete

Intelligent suggestions for Bootstrap class names. Enter a class name and the extension will suggest matching CSS classes, if not than try ctrl + space to trigger the autocomplete.

Class Hover Preview

Just hover over a class name to see a preview of the CSS properties.

Choose your Bootstrap version

Select the Bootstrap version you are using in your project.

Sorting Classes

Sort Bootstrap classes with ctrl + s

Add Custom Language Support

Add custom language support for Bootstrap classes.

Known Issues

If you encounter any errors or have suggestions for improvement, please feel free to contact me at Hossainih03@gmail.com. I appreciate your feedback and will do my best to address any issues you may have. Thank you in advance!

Contributing

Contributions are welcome! If you would like to add new features or make improvements to the project, feel free to fork the repository and submit your changes via pull requests. Your contributions will be highly appreciated and will help make the project even better. Thank you in advance for your interest in contributing!

Requirements

This extension requires VSCode version 1.67.1 or higher.

Enjoy!