畢竟 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 信托理财平台 天津时时彩 开奖时间 甘肃11选5遗漏 分分彩后二组选复式杀号技巧 香港最快开奖现场历史记录 股票自动交易软件排名 腾讯分分彩分析