帶圖表的免費引導模板

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