BootStrap入门教程 (四)

  • 来源:本站
  • 发布时间:2019-08-13
  • 179已阅读
您现在的位置:首页 >> 西方诗歌 >> 文章
简介 回顾:Bootstrap组件丰富同时具有良好可扩展性,能够很好地应用在生产环境。 这些组件包括Bootstrap作为一套良好的前端工具,要实现现代的动态页面效果,javascript插件

	BootStrap入门教程 (四)

回顾:Bootstrap组件丰富同时具有良好可扩展性,能够很好地应用在生产环境。 这些组件包括Bootstrap作为一套良好的前端工具,要实现现代的动态页面效果,javascript插件是必不可少的。 它提供了12个基于类库的插件,包括模态窗口(Modals),滚动监控(Scrollspy),标签效果(Tabs),提示效果(Tooltip),“泡芙”效果(popovers),警告区域(Alerts),折叠效果(Collapse),旋转木马(carousel),输入提示(typeahead)等.这些内容会分作两讲来阐述,本讲将深入讲解modals等插件。 在bootstrap中的javascript插件,都必须先引用TransitionsJS,包括modals,alerts等来实现淡出效果。

是指除非采取有效的关闭手段,用户的鼠标焦点或者输入光标将一直停留在其上的窗口(对话框).Bootstrap对于模态窗口的实现十分精简灵活,用户只需要使用少量的代码和智能的默认设置,即能实现传统实现传统的Javascript效果的模态窗口。

默认的Bootstrap模态窗口效果,包括对话框从屏幕上方落下,屏幕其他区域变暗淡,模态窗口的隐藏等。

这些效果分别对应.这些类。

我们可以不用写任何javascript代码来实现Modal效果,data-toggle="modal"")。

当这些控制要素被触发的时候,modal窗口就会出现了。

内容可以非常丰富,这些内容都需要包括在modal的div内,并可以定义modal窗口的头部,内容和脚部。