-
事件设置： 模态弹出窗还支持四种类型的事件，分别是模态弹出窗的弹出前、弹出后，关闭前、关闭后，查看全部
-
使用 panel 的 panel-title 做为触元素，使用panel-body的父元素作为折叠区； ☑ 使用一个 panel-group 来包含多个 panel，从而实现手风琴效果； ☑ 每个 panel 里的触发元素都要指定data-parent属性； ☑ data-parent 属性的值对应 panel-group样式元素的ID或者其他样式标识符； ☑ 触发元素需要指定 data-toggle，并且值为 collapse； ☑ 触发元素都要指定 data-target属性； ☑ data-target属性的值对应 panel-body 的父元素的ID或者其他样式标识符。查看全部
-
把“手风琴”看作是面板的集合组：div class="panel-group"查看全部
-
提示框还有其他的自定义属性，每个自定义属性都具自身存在的意义，如下表所示：查看全部
-
提示框(tooltiip)效果也是Web常见的一种效果查看全部
-
☑ 使用 panel 的 panel-title 做为触元素，使用panel-body的父元素作为折叠区； ☑ 使用一个 panel-group 来包含多个 panel，从而实现手风琴效果； ☑ 每个 panel 里的触发元素都要指定data-parent属性； ☑ data-parent 属性的值对应 panel-group样式元素的ID或者其他样式标识符； ☑ 触发元素需要指定 data-toggle，并且值为 collapse； ☑ 触发元素都要指定 data-target属性； ☑ data-target属性的值对应 panel-body 的父元素的ID或者其他样式标识符。查看全部
-
定义data-parent属性，实现点击一个其中一个元素时，关闭所有的折叠区，再打开所单击的区域（如果所单击区域是展示的，则会关闭）。查看全部
-
如果导航里有下拉菜单，并且滚动区域的内容到达下拉菜单子项所对应的区域，除了菜单高亮以外，子菜单的父元素dropdown也会高亮查看全部
-
为监控对象设置被监控的data属性：data-spy="scroll"，指定监控的导航条：data-target="#navbar-menu"。同时定义监控过程中滚动条偏移位置data-offset="60"。代码如下： <div class="scrollspy" data-spy="scroll" data-target="#navbar-menu" data-offset="60"> … </div>查看全部
-
使用jQuery的one方法： $(".dropdown-toggle").one("click",function(){ $(this).dropdown("toggle"); })查看全部
-
被点击的菜单项链接或按钮需要添加自定义属性 data-toggle="dropdown"查看全部
-
事件设置： 模态弹出窗还支持四种类型的事件，分别是模态弹出窗的弹出前、弹出后，关闭前、关闭后，具体描述如下： 事件类型 描述 show.bs.modal 在show方法调用时立即触发（尚未显示之前）；如果单击了一个元素，那么该元素将作为事件的relatedTarget属性 shown.bs.modal 该事件在模态弹出窗完全显示给用户之后（并且等CSS动画完成之后）触发；如果单击了一个元素，那么该元素将作为事件的relatedTarget事件 hide.bs.modal 在hide方法调用时（但还未关闭隐藏）立即触发 hidden.bs.modal 该事件在模态弹出窗完全隐藏之后（并且CSS动画漂完成之后）触发 调用方法也非常简单： $('#myModal').on('hidden.bs.modal', function (e) { // 处理代码... })查看全部
-
为模态弹出框增加过度动画效果： 可通过给“.modal”增加类名“fade”为模态弹出框增加一个过渡动画效果。查看全部
-
方法一：模态弹出窗声明，只需要自定义两个必要的属性：data-toggle和data-target（bootstrap中声明式触发方法一般依赖于这些自定义的data-xxx 属性。比如data-toggle="" 或者 data-dismiss=""）。 说明：data-toggle的内容必须为modal;data-target="id名"代表使用本方法的标签 触发模态弹出窗也可以是一个链接<a>元素，那么可以使用链接元素自带的href属性替代data-target属性查看全部
-
关于模态弹出窗口，Bootstrap框架还为模态弹出窗提供了不同尺寸，一个是大尺寸样式“modal-lg”，另一个是小尺寸样式“modal-sm”，将这两个类名加到“modal-dialog”中查看全部
举报
0/150
提交
取消