zoukankan      html  css  js  c++  java
  • 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
Copyright © 2011-2022 走看看