Popover CSS Inspector for Bootstrap 5
I wanted to make it so it’d be easy to use, look nice and be customizable with the ability to turn certain CSS properties on or off. I decided to base the inspector on Bootstrap 5’s popover component as it’s a nice looking component that’s easy to customize.
data-css-inspector-show attributes to the popover trigger element.
The inspector can be used on any element, not just Bootstrap components. The inspector is also responsive and will reposition itself if it goes off the screen and is also fully customizable with CSS variables.
Using it is as simple as adding the
<script src="/js/popover-css-inspector.min.js" defer></script>
Check it out, I hope you find it useful!