Bootstrap 4 framework is powerful but not perfect.
The components that come with Bootstrap 4 are far from meeting the needs of modern web development.
Originally Published Sept 26 2018, updated Feb 18 2021
Table of contents:
- Best Bootstrap 4 Plugins (jQuery)
- Best Bootstrap 4 Extensions (Pure CSS)
Best jQuery Plugins For Bootstrap 4:
Bootstrap Multiselect is a plugin for jQuery and Bootstrap that allows the visitor to select multiple options from a dropdown select list containing the single options as checkboxes.
This is a useful and highly customizable date/time picker component for Bootstrap 4 framework that uses Font Awesome icons instead of Bootstrap 3 Glyphicons.
A lightweight extension to the Bootstrap 4 carousel component that allows for multiple items per slide and advances one slide at a time.
Just another multi select plugin for Bootstrap 4 framework that converts a multi-select list into an easy to use dropdown with checkboxes.
Tagsinput.js is a jQuery extension to make the Bootstrap Tags Input jQuery plugin work with the latest version of Bootstrap 4 framework.
LineControl Editor is a jQuery plugin to append an WYSIWYG rich text editor to a textarea or any other container elements like DIV.
This is a collection of 5 examples/templates showing how to create responsive, mobile-friendly sidebar navigation using jQuery, CSS/CSS3, and Bootstrap 4 or Bootstrap 3 framework.
The jQuery BootBavbar extends the native Bootstrap 4 navbar into a responsive multi-level dropdown menu with multi-device support and CSS3 animations.
A jQuery treeview plugin that helps you render a dynamic, checkable, filterable, collapsible, vertical hierarchical tree from a JSON schema.
Best Vanilla JS Plugins For Bootstrap 4:
Cookie-Alert is a pure JavaScrip plugin that creates a cookie notice bar using Bootstrap 4 alert component to make your webpage to comply the European cookie law. The plugin stores the user selection in the browser cookies once you click the ‘I Agree’ button so that the cookie notice bar will NOT appear in next visit.
TiTatoggle is a CSS extension to the Bootstrap framework that converts the regular checkbox inputs into different types of toggle switches.
Pure CSS Extensions For Bootstrap 4:
A CSS extension that lets you create Bootstrap 4 form controls with floating labels via the :placeholder-shown pseudo-element.
A pure CSS extension that creates vertically-oriented tabs component in your Bootstrap 4 project.
A CSS extension for Bootstrap 4 that lets you create a responsive, SEO-friendly step bar to display the current step your users are in a wizard process.
A CSS extension for the Bootstrap 4 that provides a pretty nice image picker UI to select images using checkbox or radio inputs.
A CSS extension for the Bootstrap 4 framework that adds extra CSS styles and animations to the Bootstrap buttons.