带图表的免费Bootstrap模板

Question

任何人都可以帮我提供免费的Bootstrap模板建议，这些模板可以先显示一系列的迷你＆＃39;每个图表的版本，当点击小图表导致它在一个大图表中增长？

Answer 1

您可以在此处找到使用图表的免费引导程序模板：https://www.creative-tim.com/。但是，您必须自己在jQuery中构建“增长”功能。

这样的事情应该有效：

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');
    }
}

Answer 2

您会发现可以使用引导模板，但是当您自己单击jQuery中的功能时，您需要构建越来越大的图表。您可以在此处免费找到带有图表的引导模板-https://themeselection.com/