如何在angularJS中使用bootstrap与tooltips?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
创新互联是专业的点军网站建设公司,点军接单;提供做网站、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行点军网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
使用bootstrap自带的提示控件,省去了不少事情
2、测验创建完成后,点击页面右上角《共享》按钮>点击《复制》按钮
3、把复制的url粘贴到此处即可" > 创建测验
控制器或者js代码:
$scope.InitTooltip = function() {
//初始化tips提示控件
$("[data-toggle='tooltip']").tooltip();
};控制颜色,类名是生成弹出层后的类名:
/**控制弹出层颜色和大小*/
.tooltip-inner {
background: #fafafa !important;
text-align: left !important;
color: #363636 !important;
border: 1px solid #dedede;
max-width: 400px !important;
padding: 4px;
}
/**控制小三角透明度*/
.tooltip-arrow{
border-bottom-color: #ffffff !important;
opacity: 0.3;
}默认背景颜色

设置颜色后

看完上述内容,你们掌握如何在angularJS中使用bootstrap与tooltips的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!