Bootstrap 的过渡效果

过渡

要使用Bootstrap的过渡效果，只需导入 bootstrap.js 或 bootstrap-transition.js 文件就行了，因为所有组件默认已经具有基本的过渡效果。

默认情况下，以下组件使用了的过渡效果：

• 模态对话框（Modal）的滑入滑出和淡入淡出；
• 标签页（Tab）的淡出；
• 警告框（Alert）的淡出；
• 轮番（Carousel）的滑入滑出。

需要注意的是，Bootstrap的过渡效果全部使用了CSS3的动画特性，由于受CSS3的限制，它提供的特效非常有限。并且，IE8及以下的版本均不支持CSS3的动画特性，这些浏览器中将看不到过渡效果。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。