更改引導工具提示的樣式

我在表格中添加了評論按鈕。當我將其懸停時，將顯示工具提示。
如何更改工具提示的風格？誰能幫我？更改引導工具提示的樣式

.tooltip-arrow, 
.cancelComments + .tooltip > .tooltip-inner {background-color: #f00;}

https://jsfiddle.net/5h1ybdp1/3/

我嘗試使用popover也不過酥料餅不顯示。

來源

2017-05-08 user7397787

http://stackoverflow.com/questions/15383440/styling-the-arrow-on-bootstrap-tooltips/38279489#38279489的可能的複製和http://stackoverflow.com/questions/17642447/change-bootstrap-tooltip-color – Sagar

下面是簡單的例子

HTML

<a href="#" data-toggle="tooltip" data-placement="bottom" 
     title="" data-original-title="Tooltip on bottom" 
     class="red-tooltip">Tooltip on bottom</a>

CSS

.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;} 
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#f00; }

http://jsfiddle.net/technotarek/2htZe/

這裏是你的代碼工作的小提琴，你沒有參考bootstrap.js的問題！

https://jsfiddle.net/5h1ybdp1/7/

來源

2017-05-08 07:10:58

我已經嘗試this.But不適合我的表。 – user7397787

如果以適當的方式引用引導程序文件，你有沒有仔細檢查過？因爲我認爲這個代碼應該可以工作。此外，也許一個[這篇文章]（http://stackoverflow.com/questions/17642447/change-bootstrap-tooltip-color）的鏈接可以清除你的東西。 –

那麼，你應該爲了生成工具提示如下編寫一個腳本，你有沒有包括bootstrap.min.js，jquery和bootstrap.min.js包括順序也很重要。在這裏這將解決你的問題是更新後的提琴https://jsfiddle.net/8q88jrtr/6/

$(document).ready(function(){ 
    $("i").tooltip(); 
});

來源

2017-05-08 10:22:45

-1

<style>a i{margin:50px 0 0 50px;}#my-tooltip + .tooltip > .tooltip-inner {background-color:#EF5438;}#my-tooltip + .tooltip > .tooltip-arrow {border-top:5px solid #EF5438; }</style> 
<!-- HTML --> 
<a href="#" data-toggle="tooltip" data-placement="top" title="Ur fucking Facebook" id="my-tooltip"><i class="fa fa-facebook"></i></a>

來源

2017-08-22 18:09:21 sam

– sam

你應該解釋這段代碼的作用。並且請使用正確的格式。 –

更改引導工具提示的樣式

回答

相關問題