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

·  阅读 161

提示工具(Tooltip)插件 - 锚

这是一个 <a href="#" class="tooltip-test" data-toggle="tooltip"

title="默认的 Tooltip">

默认的 Tooltip
复制代码

.

这是一个 <a href="#" class="tooltip-test" data-toggle="tooltip"

data-placement="left" title="左侧的 Tooltip">

左侧的 Tooltip

.

这是一个 <a href="#" data-toggle="tooltip" data-placement="top"

title="顶部的 Tooltip">

顶部的 Tooltip

.

这是一个 <a href="#" data-toggle="tooltip" data-placement="bottom"

title="底部的 Tooltip">

底部的 Tooltip

.

这是一个 <a href="#" data-toggle="tooltip" data-placement="right"

title="右侧的 Tooltip">

右侧的 Tooltip


提示工具(Tooltip)插件 - 按钮

<button type="button" class="btn btn-default" data-toggle="tooltip"

title="默认的 Tooltip">

默认的 Tooltip

<button type="button" class="btn btn-default" data-toggle="tooltip"

data-placement="left" title="左侧的 Tooltip">

左侧的 Tooltip

<button type="button" class="btn btn-default" data-toggle="tooltip"

data-placement="top" title="顶部的 Tooltip">

顶部的 Tooltip

<button type="button" class="btn btn-default" data-toggle="tooltip"

data-placement="bottom" title="底部的 Tooltip">

底部的 Tooltip

<button type="button" class="btn btn-default" data-toggle="tooltip"

data-placement="right" title="右侧的 Tooltip">

右侧的 Tooltip

分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改