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.
– 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
perfect ! perfect ! perfect ! perfect ! perfect ! perfect ! perfect !
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.
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?
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!
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.