tooltip怎么顯示一個大塊的內容
? <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>
? 希望顯示一個大塊的內容，比如上面代碼中的一個大的圖片
? 問題如下：
? 1. ?能只指定半個方向不？ 比如上下，然后代碼自動根據上下的距離去顯示，朝上還是朝下，同理，左右也是如此。
? 2. ?顯示框的黑邊是太小了
2016-05-16
如果有這種特殊需求，我覺得可以直接去修改 tooltip的樣式，比如你的圖片大小是100*100，去改變tooltip的 寬和高，為了不影響其他tooltip的樣式，可以自己定義一個樣式去覆蓋
2016-07-05
bootstrap tooltip里有相應的API
data-template 就是可以根據自己需要修改原始html
data-template的默認值是
'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
tooltip-arrow 是提示框的三角形
tooltip-inner title的值會被注入到這里
tooltip 是包裹上面兩個用的
知道這些 你就可以想改哪里 改哪里
舉個栗子
增大字體尺寸
$("#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>'
? ? });