Kostenlose Bootstrap-Vorlagen mit Diagrammen

Question

Kann mir jemand mit einem Vorschlag für kostenlose Bootstrap-Vorlagen helfen, die zuerst eine Reihe von "Mini" -Versionen jedes Diagramms anzeigen, die beim Klicken auf das winzige Diagramm dazu führen, dass es in einem großen Diagramm wächst?

Answer 1

Hier finden Sie kostenlose Bootstrap-Vorlagen, die Diagramme verwenden: https://www.creative-tim.com/. Allerdings müssten Sie die "wachsende" Funktionalität höchstwahrscheinlich selbst in jQuery erstellen.

So etwas sollte funktionieren:

HTML

<div class="ct-chart"></div> 

CSS

.ct-chart { 
    transform: scale(0.3); 
    transition: .3s ease-in-out transform; 
} 
.ct-chart.scaleUp { 
    transform: scale(1); 
} 

JQuery

$(document).ready(function() { 
    $('.ct-chart').on('click', function() { 
     $(this).addClass('scaleUp'); 
    } 
}