Bootstrap Grid Overlay
Malware Detected
This extension has been flagged as potentially malicious.
Extension Delisted
This extension is no longer available in the official store. Delisted on 2025-09-15.
Quickly toggle a Bootstrap Grid Overlay that automatically uses your application's styles to determine how it looks.
Click the Bootstrap Grid Overlay icon to toggle the overlay on and off. If Bootstrap Grid Overlay finds the Bootstrap grid classes in any of your application's CSS files, a Bootstrap grid will be displayed based on those styles.
Features:
- Allows user to click through the overlay to target specific elements while using the Chrome Developer Tools
- Allows user to enable/disable a fluid container
- Allows user to view the current Bootstrap breakpoint
- Allows user to set the opacity of the Bootstrap grid overlay
- Allows user to take screenshots with a Bootstrap grid overlay, which can be download, publish (via prntscr.com) and share to Twitter or Facebook (auto post)
Migrate to Manifest V3
Latest reviews
Works perfectly in Google Chrome with breakpoint names.
No soy experto en diseño web y organizar los campos en la cuadricula Bootstrap algunas veces me enloquece. Con esta extensión, lo puedo ver mas claro y VISUALMENTE! Es excelente.
Very nice extension!
Awesome extension, just what I was looking for as a WP dev! Just one suggestion: Could you add the new Bootstrap xxl col (≥1400px)? Would make it 100% perfect and up to date!
It's great. Please add an option to remove the "Buy me a coffee" button.
Doesn't seem to work.
very nice extension! can you add a BS5 support? like container-xxl
It really works, very useful and the best I use.
Don't work.
perfect ! perfect ! perfect ! perfect ! perfect ! perfect ! perfect !
Good
Hi there, I am a UX student and I am trying to use this extension to check the grids on various websites, does it function that way? Every page I pull up appears to show only 1 grid, indicated by the number "1" at the top of the screen. Can that be right...? Or am I not using this tool correctly? Thank you!
Perfect! Exactly what I need!
Just what I'm looking for. Works perfectly.
Don't work. I tryed in Chrome and Edge. it's application don't working.
... I can't run this extension sometimes please fix it
The best extension for checking my Bootstrap grid when developing. Saved me so many times from QA and designers! Works great on Mac and Windows!
Please support the scrollbar on the right side. A Scrollbar has a width of 17px. Please implement a checkbox to toggle this and use it for your calculation or for customized scrollbars, implement a option to enter a value for the scrollbar width.
I love this extension more than I love my children. Thank you.
Love it!
Been looking for a solution like this! Works perfectly.
In my professional opinion, this is the best Bootstrap Grid Overlay extension available!
This is the best extension you could have! Couldn't built greatness without it!
This is the best bootstrap gird overlay out there. Simple and clean.
What should it be able to do in dev tools? I see columns high light for a split sec but thats it?
perfect
Really good tool for experienced and beginner bootstrap developers.
Unique bootstrap grid ruler extension that not require data access permissions! Need some options, e.g. columns color, border, etc.;
I do love this extension. If you'd add 'donate' button I would put some money there) Really cool idea and implementation.
Nice, just what i need, thanks!
Not Bad
não funcionou
I love that this one adjusts to YOUR OWN site, and the little column numbers at the top are a really nice touch. Well done!
If you're building sites in Bootstrap you need this. View an overlay of your grid regardless of any customizations you've applied to it... any fully responsive.
This app is exactly what every developer needs!
