Bootstrap Grid Overlay - Web Layout Tool

Overview

Quickly toggle a customizable Bootstrap Grid Overlay to help align your application's layout.

Bootstrap Grid Overlay - Web Layout Tool Visualize, align, and perfect your web layouts instantly! Bootstrap Grid Overlay is a must-have Chrome extension for web developers and designers. It allows you to quickly toggle a fully customizable, responsive 12-column grid overlay on any webpage you are working on. Whether you are building a new site or debugging an existing layout, this tool ensures your elements align perfectly with standard design systems. Key Features: - Instant Toggle: Turn the grid overlay on or off with a single click from the extension popup. - Fluid & Fixed Containers: Seamlessly switch between standard Bootstrap container max-widths and a 100% width fluid container. - Customizable Opacity: Adjust the visibility of the grid columns using a simple slider to match your contrast needs. - Live Breakpoint Indicator: See your current screen width and the active Bootstrap breakpoint (xs, sm, md, lg, xl, xxl) at a glance. - Non-Intrusive Design: The grid is fully click-through, allowing you to interact with your webpage and use Chrome DevTools without any interruptions. Perfect for pixel-perfect alignment and responsive web design debugging. Add Bootstrap Grid Overlay to your workflow today!

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.0.0
Updated
June 15, 2026
Flag concern
Offered by
X66 PixelChainLabs
Size
19.4KiB
Languages
English (United States)
Developer
Email
phillipsjacob366@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Baseliner

4.3

Baseliner adds horizontal & vertical lines to help you align your grid to any website.

Smartsheet Dashboard Overlay

5.0

Adds the ability to overlay shapes & guide-lines on Smartsheet's dashboard editor to assist with more consistent widget placement.

Customized Scrollbar

2.7

Free! Easily and quickly customize the scroll bar for any website.

Pesticide for Chrome - Simple

5.0

Toggle CSS outlines to debug layouts easily.

Add border to image

0.0

Quickly add customizable borders to any image you see online. Easy to use and lightweight!

Gridify: Enhance Your Web Design Workflow

0.0

Gridify is a tool to set up a grid on top of any website to follow the grid system of your choice.

Layout Grid Visualizer

5.0

A Chrome extension to visualize and customize grid layouts on webpages

Image Overlay Tool

5.0

Overlay images on any website with draggable positioning and opacity control

Layout Grid for browser

4.5

You can set Layout Grid like design tools.

Scrollbar Customizer

4.1

Customize your Scrollbar easily, fast and however you want!

Pesticide (without hover bar)

5.0

A CSS debugging tool that outlines all page elements to help identify and fix layout issues.

Custom Scrollbar

4.1

Custom Scrollbar is a Chrome extension that allows users to customize the appearance of scrollbars in their browser