bootstrap点击button时有动效

Bootstrap是一个流行的前端框架，它为网站和web应用提供了响应式布局和多个组件。当点击Bootstrap中的按钮时，可以通过使用内置的CSS类来实现一些基本的动效。Bootstrap 4之后的版本内置了CSS动画类，例如`.fade`和`.fade-in`等，可以用来给按钮添加动效。

为了实现点击按钮时的动效，你可以按照以下步骤操作：

1. 首先确保你的项目中已经引入了Bootstrap的CSS文件。
2. 给按钮添加相应的类，如`.btn`等基本按钮类，以及`.fade`和`.fade-in`来实现淡入淡出效果。
3. 使用JavaScript或者jQuery来处理点击事件，调用Bootstrap内置的动效类。

举个例子，下面是一个带有淡入效果的按钮：

<button type="button" class="btn btn-primary fade-in">点击我</button>

如果你想要在点击按钮时触发动画，你可能需要使用一些JavaScript或者jQuery代码来添加或移除特定的CSS类，以触发动画效果。

$(document).ready(function(){
    $('.fade-in').click(function(){
        // 在这里可以添加一些逻辑来触发动效
        // 例如，切换另一个类来触发动画
        $(this).toggleClass('show');
    });
});

请注意，上述示例仅供参考，实际效果可能需要根据Bootstrap版本和项目的具体配置进行调整。