宜宾网站建设公司

如何在angularJS中使用bootstrap与tooltips

如何在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

设置颜色后

如何在angularJS中使用bootstrap与tooltips

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


网站名称：如何在angularJS中使用bootstrap与tooltips
文章源于：http://hbruida.cn/article/gegocg.html

其他资讯