如何在angularJS中使用bootstrap與tooltips
如何在angularJS中使用bootstrap與tooltips？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。
創(chuàng)新互聯(lián)是專業(yè)的點(diǎn)軍網(wǎng)站建設(shè)公司，點(diǎn)軍接單;提供做網(wǎng)站、成都網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行點(diǎn)軍網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!
使用bootstrap自帶的提示控件，省去了不少事情
2、測驗創(chuàng)建完成后，點(diǎn)擊頁面右上角《共享》按鈕>點(diǎn)擊《復(fù)制》按鈕
3、把復(fù)制的url粘貼到此處即可" >
創(chuàng)建測驗
控制器或者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;
}默認(rèn)背景顏色
設(shè)置顏色后
看完上述內(nèi)容，你們掌握如何在angularJS中使用bootstrap與tooltips的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
文章名稱：如何在angularJS中使用bootstrap與tooltips
轉(zhuǎn)載源于：
http://weahome.cn/article/gegocg.html
重慶分公司
重慶分公司
