带图表的免费引导模板

Question

任何人都可以帮助我一个免费的Bootstrap模板建议，它可以首先显示一系列每个图表的“微型”版本，当点击小图表会导致它在一个大图表中增长？

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