您的位置:首页 > Web前端 > BootStrap

对bootstrap里date-*做一个汇总

2020-06-26 04:29 501 查看

最近发现date里面的东西跟常用,但是没有过一个系统化的归纳,今天下午正好有小会空,整合一下
如下:

1. data-toggle
data-toggle指以什么事件类型触发,常用的如下。

data-toggle="dropdown"//下拉菜单
data-toggle="model" //模态框事件
data-toggle="tooltip"//提示框事件
data-toggle="tab"//标签页
data-toggle="collapse"//折叠
data-toggle="popover"//弹出框
data-toggle="button"//按钮事件
2 data-dismiss

常见的是在模态窗口中用于关闭模态窗口 data-dismiss=”modal”
3 data-slide-to、data-slide、data-ride
data-interval="2000":默认两秒动一下
data-keyboard="true":是否接受键盘控制
data-slide-to、data-slide、data-ride用于轮播图carousel。
属性 data-slide接受关键字 prev 或 next,用来改变幻灯片相对于当前位置的位置。
使用 data-slide-to 来向轮播传递一个原始滑动索引,data-slide-to="2"将把滑块移动到一个特定的索
引,索引从 0开始计数。
data-ride="carousel" 属性用于标记轮播在页面加载时就开始动画播放

基本上常用的data-都在这了,具体操作还要自己多测试。*
----------完-------------毕-----------------啦--------------------哈------------哈

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: