Bootstrap中data-target 到底是什么
更新时间：2017年02月14日 10:56:33 作者：ywb201314
这篇文章主要介绍了Bootstrap中data-target 到底是什么的相关资料，我目前理解到在bootstrap中data-target，data-toggle等属性主要有两种作用，具体哪两种作用，大家通过本文详细了解下
data-target 与data-toggle 还有data-spy 文档总是给人一种很突兀的方式给出来，然后又没有好好解释或者是我看的不够仔细？
HTML5允许开发者自由为其标签添加属性，这种自定义属性一般用“data-”开头。
我目前理解到在bootstrap中data-target，data-toggle等属性主要有两种作用：
【1.】在CSS中作标签选择器用。
如：
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
【2.】 用来传递替换文本（不知道是不是这么说），见下面的例子：
input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before {
content: attr(data-lbl);
}
以上所述是小编给大家介绍的Bootstrap中data-target 到底是什么的全部叙述，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
微信小程序中this.data与this.setData的区别详解
这篇文章主要给大家介绍了关于微信小程序中this.data与this.setData区别的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧2018-09-09
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
本例为大家分享的是fixedBox固定div漂浮代码支持ie6以上大部分浏览器，需要的朋友可以参考下2014-06-06
这篇文章主要介绍了JS如何阻止用户多次提交,需要的朋友可以参考下2014-03-03
这篇文章介绍了GRID拖拽行的实例代码，有需要的朋友可以参考一下2013-07-07
这篇文章主要为大家详细介绍了JS面向对象之多选框实现，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
这篇文章主要介绍了JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法,涉及javascript窗口的相关操作函数与使用技巧,需要的朋友可以参考下2017-09-09
一文详解JS中的Map、Set、WeakMap和WeakSet
在JavaScript中，Map、Set、WeakMap和WeakSet是四个不同的数据结构，它们都有不同的特点和用途，本文详细介绍了Map、Set、WeakMap和WeakSet的用法及区别，需要的朋友可以参考下2023-04-04
这篇文章主要介绍了IE中图片的onload事件无效问题和解决方法,这是一个很经典的问题,其实只需要调换一下代码顺序即可解决,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了详解JavaScript 中的批处理和缓存，帮助大家完成需求，更好的理解和使用JavaScript，感兴趣的朋友可以了解下2020-11-11
一个tab选项卡，当鼠标移动上去时红色滑块跟随,在布局过程中经常会使用到，本文提供了详细的实现代码，感兴趣的朋友可以参考下2013-04-04
最新评论