畢竟 Bootstrap 提示工具(Tooltip)插件

瀏覽:402 發布日期:2020/01/23 分類:前端開發 關鍵字: Bootstrap 提示工具
<h4>提示工具(Tooltip)插件 - 錨</h4>
這是一個 <a href="#" class="tooltip-test" data-toggle="tooltip"
        title="默認的 Tooltip">
    默認的 Tooltip
</a>.
這是一個 <a href="#" class="tooltip-test" data-toggle="tooltip"
        data-placement="left" title="左側的 Tooltip">
    左側的 Tooltip
</a>.
這是一個 <a href="#" data-toggle="tooltip" data-placement="top"
        title="頂部的 Tooltip">
    頂部的 Tooltip
</a>.
這是一個 <a href="#" data-toggle="tooltip" data-placement="bottom"
        title="底部的 Tooltip">
    底部的 Tooltip
</a>.
這是一個 <a href="#" data-toggle="tooltip" data-placement="right"
        title="右側的 Tooltip">
    右側的 Tooltip
</a>
 
<br>
 
<h4>提示工具(Tooltip)插件 - 按鈕</h4>
<button type="button" class="btn btn-default" data-toggle="tooltip"
        title="默認的 Tooltip">
    默認的 Tooltip
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip"
        data-placement="left" title="左側的 Tooltip">
    左側的 Tooltip
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip"
        data-placement="top" title="頂部的 Tooltip">
    頂部的 Tooltip
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip"
        data-placement="bottom" title="底部的 Tooltip">
    底部的 Tooltip
</button>
<button type="button" class="btn btn-default" data-toggle="tooltip"
        data-placement="right" title="右側的 Tooltip">
    右側的 Tooltip
</button>
<script>
    $(function () { $("[data-toggle='tooltip']").tooltip(); });
</script>
來源:https://www.hbsjsd.cn/cates/lst/18.html
最佳答案
評論( 相關
后面還有條評論,點擊查看>>
一波中特最准单双 炒股游戏app 秒速赛车出码规律 河内五分彩app计划 二分彩计划手机软件 广东26选5停售 海南飞鱼彩票销售点 南京配资公司 河南福彩快三开奖结果 快乐8中奖规则详细 重庆快乐十分走势图软件下载