【问题标题】:Icons in bootstrap tooltip引导工具提示中的图标
【发布时间】:2016-09-09 17:25:49
【问题描述】:

有人知道是否可以在引导程序的工具提示中添加图标吗? 我在引导工具提示上找到的唯一信息是如何自定义其颜色或如何使用 animate.css 在其上添加一些动画 有可能吗?

【问题讨论】:

    标签: twitter-bootstrap tooltip twitter-bootstrap-tooltip


    【解决方案1】:

    嘿,这很容易做到。您需要将以下属性添加到包含您的工具提示的元素中。第一个 data-html="true"。完成此操作后,您将能够将 HTML 插入到 title="" 中。那应该为您提供所需的东西。这是一个codepen 示例。在我的示例中,我将工具提示保留为静态,以便您可以看到它。 <button type="button" data-toggle="tooltip" data-html="true" data-trigger="manual" data-placement="right" title="<button>Facebook</button>" class="btn btn-default" id="example">example</button>

    【讨论】:

    • 感谢 CodeBroJohn 不知道我可以在标题中添加 html。在工具提示中添加很棒的字体图标变得很容易 :-) codepen.io/anon/pen/QKjKvj
    • 没问题,我回去编辑了代码并添加了字体很棒的 facebook 图标。很高兴我能帮上忙。只是一个 FYI 字体真棒具有允许您使图标更大的类,以及在我使用 fa-5x 的示例中。
    猜你喜欢
    • 1970-01-01
    • 2019-03-17
    • 2020-09-04
    • 2019-11-02
    • 1970-01-01
    • 1970-01-01
    • 2019-03-25
    • 1970-01-01
    • 2013-09-26
    相关资源
    最近更新 更多