tooltip怎么顯示一個(gè)大塊的內(nèi)容
? <h4>data-html="true"</h4>
? <button type="button"?
? class="btn btn-default"?
? data-toggle="tooltip"?
? data-placement="bottom"?
? data-original-title="<img src='http://placehold.it/400'/>"
? data-html="true">data-html="true"</button>
? 希望顯示一個(gè)大塊的內(nèi)容，比如上面代碼中的一個(gè)大的圖片
? 問題如下：
? 1. ?能只指定半個(gè)方向不？ 比如上下，然后代碼自動(dòng)根據(jù)上下的距離去顯示，朝上還是朝下，同理，左右也是如此。
? 2. ?顯示框的黑邊是太小了
2016-05-16
如果有這種特殊需求，我覺得可以直接去修改 tooltip的樣式，比如你的圖片大小是100*100，去改變tooltip的 寬和高，為了不影響其他tooltip的樣式，可以自己定義一個(gè)樣式去覆蓋
2016-07-05
bootstrap tooltip里有相應(yīng)的API
data-template 就是可以根據(jù)自己需要修改原始html
data-template的默認(rèn)值是
'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
tooltip-arrow 是提示框的三角形
tooltip-inner title的值會(huì)被注入到這里
tooltip 是包裹上面兩個(gè)用的
知道這些 你就可以想改哪里 改哪里
舉個(gè)栗子
增大字體尺寸
$("#button1").tooltip({
? ? ? ? title:"lala",
? ? ? ? template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner" style="font-size:40px;"></div></div>'
? ? });