Bootstrap Grid Overlay Chrome Extension

Bootstrap Grid Overlay - fluid container

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 customize column count
allows user to view the current Bootstrap 4 breakpoint

Bootstrap Grid Overlay - non-fluid container

Chrome extension shortcut

Create a shortcut to trigger the Bootstrap Grid Overlay even faster. Navigate to chrome://extensions/shortcuts in Chrome and add a shortcut.