引导工具提示在开发中的使用方法

使用引导程序自带的提示控件，省去了不少事情

div class=' S2 ' ng-init=' inittooltip()'输入类型=' text ' ng-pattern='/^(http|https|ftp)\://[a-za-z0-9\.\,\?\ ' \ \/\ % \ $ \ # \=~ : _ \-\[电子邮件保护]]$/' class=' input networks ' id=' TxTexamination ' name=' TxTexamination ' ng-model=' CSinfo .ExamUrl "占位符="测验地址span data-toggle=' tooltip ' data-placement=' top ' data-html=' true ' title=' 1 '，点击《新建测验》 按钮br/2、测验创建完成后，点击页面右上角《共享》 按钮点击《复制》 按钮br/3、把复制的全球资源定位器(统一资源定位符)粘贴到此处即可style='cursor:指针；I class=' fa fa-question-circle-o ExAmple SPan '/I/SPan SPan style=' margin-left : 88px；宽度： 8pxa target=' _ blank ' href=' https://forms。办公室。com/Pages/设计页面。aspx '创建测验/a/span/div控制器或者射流研究…代码：

$scope .InitTooltip=function() { //初始化技巧提示控件$('[数据开关='工具提示']').tooltip()；};控制颜色，类名是生成弹出层后的类名：

/**控制弹出层颜色和大小*/.工具提示-内部{ background: #fafafa！重要；文本-向左对齐：重要；color: #363636！重要；border: 1px实心# dedede最大宽度： 400px！重要；padd : 4px }/* *控制小三角透明度*/.工具提示-箭头{边框-底部-颜色： #ffffff！重要；opacity: 0.3 }默认背景颜色

设置颜色后

总结

以上所述是小编给大家介绍的引导工具提示在开发中的使用方法，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！