我一直在网上搜索引导程序中的数据属性，比如数据切换，数据触发，数据驱动....但我似乎无法找到关于所有数据属性的列表它们。
我也想知道它们的可能值是什么，例如：data-trigger =＆＃34; focus＆＃34;。而不是焦点，它可能是悬停，还有许多其他。我在哪里可以找到关于所有这些的列表？谢谢！
答案 0 :(得分：19)
引用基于bootstrap 3手册页中存在的数据，除以不同的模块。
data-toggle="modal" - 触发器点击打开data-target="element"引用的模式对话框
data-target="target-element" - 模式应该打开的元素（可以是#id或.class）
data-dismiss="modal" - 点击
data-toggle="dropdown" - 触发点击以打开下拉列表
data-target="#" - 仅在使用链接下拉菜单以防止网址更改时才有帮助
data-spy="scroll" - 在元素上触发SpyScroll（通常转到<body>
data-target="target-element" - 滚动间谍应该应用于的元素
data-offset="X" - X表示计算滚动位置时顶部的像素数
data-toggle="tab" - 触发点击以打开data-target="element"引用的相关标签
data-toggle="pill" - 与tab相同，但与药丸造型相同
data-target="target-element" - 模式应该打开的元素（可以是#id或.class）
请注意，也可以使用
href="#target-element-id"而不仅仅data-target
data-toggle="tooltip" - 触发向元素添加工具提示
工具提示有许多数据属性，因此这只是具有可用值的所有数据属性的列表。所有这些内容的完整说明都在this link。
data-animation
data-container
data-delay
data-html
data-placement
data-selector
data-template
data-title
data-trigger
data-viewport
data-toggle="popover" - 触发器单击以打开弹出窗口
popovers具有许多数据属性，因此这只是具有可用值的所有数据属性的列表。所有这些内容的完整说明都在this link。
data-animation
data-container
data-content
data-delay
data-html
data-placement
data-selector
data-template
data-title
data-trigger
data-viewport
data-dismiss="alert" - 触发器单击以关闭bootstrap创建的警告框
data-loading-text="Loading..." - 加载时显示文字（请注意，已弃用）
data-toggle="button" - 注意单数使按钮单击切换按钮
data-toggle="buttons" - 注意复数使一组按钮成为切换按钮
data-complete-text="Finished" - 调用方法complete时要在按钮上更改的文本
data-toggle="collapse" - 触发器单击以折叠引用的元素
data-target="element" - 引用的元素
data-parent="element" - 父元素，用于折叠式折叠
data-ride="carousel" - 触发容器上的幻灯片（旋转木马）
data-target="element" - this元素为其中一部分的引用轮播元素
data-slide-to="X" - X是next幻灯片的编号
data-slide="prev|next" - 触发单击可将轮播切换到上一张幻灯片中
data-interval="X" - 自动循环项目之间的延迟时间
data-pause="hover" - 暂停鼠标悬停
data-wrap="true" - 旋转木马是否应该连续循环或是否有硬停止
data-keyboard="true" - 轮播是否应对键盘事件作出反应
data-spy="affix" - 触发词缀（模仿粘性定位效果）
data-offset-top="X" - 从顶部偏移元素的像素数
data-offset-bottom="X" - 从底部偏移元素的像素数