Bootlint This Page - Chrome Extension

What Is Bootlint?

Bootlint is a tool that was released by the Bootstrap team in order to catch errors in sites built with their Bootstrap framework. The official announcement blog posts describes it as:

An HTML linting tool for projects using vanilla Bootstrap. Using Bootlint you can automatically check your Bootstrapped webpages for many common Bootstrap usage mistakes.

For more information please visit:

• The official blog announcement
• The official GitHub repository

What Is This Extension?

This extension will add a single button to your Google Chrome browser. When clicked it will automatically run Bootlint against the currently active tab.

If you don’t see the icon like the screenshot above illustrates you can click the right hand chevron to show a drop down menu of your installed extensions. You can drag this icon up to the toolbar for easy access if you want.

Bootlint will then show an alert box if it finds Bootstrap errors on the page.

To view the errors you just press F12 and click through to the console tab:

Bookmarklet Alternative

If you prefer you can install this as a bookmarklet. Full instructions are over on the Bootlint This Page Bookmarklet page.

Downloading

You can download this extension directly from the official Chrome Web Store by clicking on the button below:

Download Extension

Note: you don’t need to download the official Bootlint distribution to use this Chrome extension, it automatically pulls in a copy which is hosted on BootstrapCDN.

Github Repo

I’ve released the full source code and associated files on Github at the following location:

• https://github.com/rtpHarry/BootlintThisPage-Chrome

License

This software is released under the GNU General Public License v3.