bootstrap中data-*的一些归纳

最近发现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-slide-to、data-slide、data-ride用于轮播图carousel。
属性 data-slide接受关键字 prev 或 next,用来改变幻灯片相对于当前位置的位置。
使用 data-slide-to 来向轮播传递一个原始滑动索引,data-slide-to="2"将把滑块移动到一个特定的索
引,索引从 0开始计数。
data-ride="carousel" 属性用于标记轮播在页面加载时就开始动画播放


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

原文地址:https://www.cnblogs.com/zhushuaiqi/p/11943346.html