bootstrap-js组件

为方便单独导入特效文件，Bootstrap V3.2中提供了12种JavaScript插件，他们分别是：

  ☑ 动画过渡（Transitions）:对应的插件文件“transition.js”

      这些过渡动画都是采用CSS3来实现的，所以IE6-8浏览器是不具备这些过渡动画效果。

默认情况之下，Bootstrap框架中以下组件使用了过渡动画效果：

  ☑ 模态弹出窗（Modal）的滑动和渐变效果；

  ☑ 选项卡（Tab）的渐变效果；

☑ 警告框（Alert）的渐变效果；

  ☑ 图片轮播（Carousel）的滑动效果。

  ☑ 模态弹窗（Modal）:对应的插件文件“modal.js”

编译后的Bootstrap：对应 bootstrap.css 文件第5375行～第5496行。

Bootstrap框架中的模态弹出框，分别运用了“modal”、“modal-dialog”和“modal-content”样式，而弹出窗真正的内容都放置在“modal-content”中，其主要又包括三个部分：

 ☑ 弹出框头部，一般使用“modal-header”表示，主要包括标题和关闭按钮。

   ☑ 弹出框主体，一般使用“modal-body”表示，弹出框的主要内容

   ☑ 弹出框脚部，一般使用“modal-footer”表示，主要放置操作按钮

/*bootstrap.css文件第5412行～第5423行*/

modal-content中的modal-header、modal-body和modal-footer三个部分样式设置：

/*bootstrap.css文件第5441行～第5461行*/

modal-footer都是用来放置按钮，所以底部还对包含的按钮做了一定的样式处理。

/*bootstrap.css文件第5462行～第5471行*/

 

  ☑ 下拉菜单（Dropdown）：对应的插件文件“dropdown.js”

  ☑ 滚动侦测（Scrollspy）：对应的插件文件“scrollspy.js”

  ☑ 选项卡（Tab）：对应的插件文件“tab.js”

  ☑ 提示框（Tooltips）：对应的插件文件“tooltop.js”

  ☑ 弹出框（Popover）：对应的插件文件“popover.js”

  ☑ 警告框（Alert）：对应的插件文件“alert.js”

  ☑ 按钮（Buttons）：对应的插件文件“button.js”

  ☑ 折叠/手风琴（Collapse）：对应的插件文件“collapse.js”

  ☑ 图片轮播Carousel：对应的插件文件“carousel.js”

  ☑ 自动定位浮标Affix：对应的插件文件“affix.js”

上述单独插件的下载可到github去下载（https://github.com/twbs/bootstrap）。