Logobild des Artikels für Bootstrap grid viewer

Bootstrap grid viewer

Empfohlen
3,7(

3 Bewertungen

)
ErweiterungEntwicklertools1.000 Nutzer
Medienelement 3 (Screenshot) für Bootstrap grid viewer
Medienelement 4 (Screenshot) für Bootstrap grid viewer
Videominiaturansicht des Artikels
Medienelement 2 (Screenshot) für Bootstrap grid viewer
Medienelement 3 (Screenshot) für Bootstrap grid viewer
Medienelement 4 (Screenshot) für Bootstrap grid viewer
Videominiaturansicht des Artikels
Medienelement 2 (Screenshot) für Bootstrap grid viewer
Videominiaturansicht des Artikels
Medienelement 2 (Screenshot) für Bootstrap grid viewer
Medienelement 3 (Screenshot) für Bootstrap grid viewer
Medienelement 4 (Screenshot) für Bootstrap grid viewer

Übersicht

Detects Bootstrap Grid elements on a page and displays visual overlay for them

While working with a bootstrap grid, it can be hard to understand how much space content is actually taking, or whether it’s aligned with other elements properly. This extension removes those unknowns. By visualization of grid elements, it builds up your intuition in laying out the content, helps with identifying sizing and alignment problems at glance, and ultimately improves the overall development time. It’s simple to use. Just one click and you’re provided with a list of Bootstrap grid elements present on the page. By clicking on any of those, you get a visual overlay over that element. By another click it’s possible to extend the overlay to viewport height and use it as a generic ruler. Overlay itself is not just commonly placed. It aligns with the grid element precisely, which means it works with more complex nested grids as well. Furthermore, overlay gutter sizes are a true reflection of the underlying grid element. Any change of gutters initiated by use of Bootstrap classes will be reflected in an overlay. Features: - provides visual feedback on grid elements ( container & row ) - helps with troubleshooting issues like an alignment or sizing - saves development time - works with nested grids - reflects gutter changes performed via default Bootstrap classes Note: Extension works with default Bootstrap Grid only. Use of customized Bootstrap grid classes / elements will break compatibility.

Details

  • Version
    0.2.1
  • Aktualisiert
    6. Juni 2022
  • Angeboten von
    Rastislav Hepner
  • Größe
    34.09KiB
  • Sprachen
    English
  • Entwickler
    E-Mail
    rastislav.hepner@gmail.com
  • Kein Händler
    Dieser Entwickler hat sich nicht als Händler deklariert. Für Verbraucher in der Europäischen Union gelten die Verbraucherrechte nicht für Verträge, die zwischen dir und diesem Entwickler geschlossen werden.

Datenschutz

Der Entwickler hat offengelegt, dass keine deiner Daten erhoben oder genutzt werden.

Dieser Entwickler erklärt, dass deine Daten

  • nicht an Dritte verkauft werden, außer in den genehmigten Anwendungsfällen
  • nicht für Zwecke genutzt oder übertragen werden, die nichts mit der Hauptfunktionalität des Artikels zu tun haben
  • nicht zur Ermittlung der Kreditwürdigkeit oder für Darlehenszwecke verwendet oder übertragen werden

Support

Wenn du Probleme, Fragen oder Vorschläge hast, rufe die Supportwebsite des Entwicklers auf

Google-Apps