data-toggle和data-target

data-toggle:
常用的三个值:modal,popover,tooltips
①modal:模态框,可以在父窗体上覆盖一个子窗体,通过data-target指向想以模态框表示的目标。
比如:我想通过点击按钮出现一个子窗体(有点像弹出一个小页面那种),就可以将
data-target="#要显示的部分的id"。
效果:点击按钮时,子窗体的内容就是要显示的部分的内容
②popover:弹出框
通过title=“你想设置的弹出框的标题”,data-content="你想显示的内容"来设置你的弹出框。
比如:一个标签设置了上述
效果:鼠标对标签进行操作的时候就会弹出一个框显示你刚设置的内容
③tooltip:提示框
和popover的效果差不多,但是显示内容用title属性来设置,然后可以通过data-placement属性来设置提示框显示的方向,top,bottom,left, right
ps:以上是通过看了一些网络上的帖子做的大致总结,要是哪里错了,可以指出,后面如果我发现哪里不太对或者漏点了什么细节的话会在评论区补充!

  • 4
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值