Developer Tools

Bootstrap 3 Helper (Resizes, Duplicates, Doc)

4.4
41
4136
20

This extension is thought to help developers using Bootstrap 3 in their projects.

⚠️ Bootstrap 3 only for now

It allows to quickly resize the active window to test a Bootstrap’s breakpoint (xs / sm / md / lg).
To simplify testing it’s possible to duplicate in one click the current tab in the four Bootstrap’s sizes, and thereafter, quickly update all of them from the extension.
The extension also indicates whether Bootstrap is used on the site visited.

This extension also provides links to the Bootstrap documentation , to quickly find answers to his questions. The media queries used by bootstrap code is also provided in the developer tips available in 2 clicks .

*** Later *** 🐣
– New icon
– Close duplicate tabs
***

*** Updates *** 🎉
0.9.8 :
– Fix the size displayed on the page with sites using bootstrap 4 (The size follow the v4 breakpoints)
0.9.7 :
– Fix the pointer on the page helper
0.9.6 :
– Fix some bugs
0.9.1 (Pre-Release) :
– Options
0.9.0 :
– Change extension icon according to the breakpoint
– Fix some bugs
0.1.0:
– Remove debug remains
0.0.6 :
– Detect if bootstrap is use in current website
– Display state without look in extension, if the website use Bootstrap, at the corner of web page
– Page for developer tips, like media queries use by Bootstrap to copy in CSS
0.0.5 :
– New links for templates
0.0.3 :
– Allow to duplicate the current tab in each size
***

Bootstrap 3 Helper (Resizes, Duplicates, Doc)
Related posts
Developer Tools

Browserling - Cross-browser testing

Developer Tools

Selenium Page Object Generator

Developer Tools

IP Address and Domain Information

Developer Tools

APK Downloader for Google Play Store™

20 Comments

Comments are closed.