bootcss 提示工具

hmt代码:
<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
<a class="btn btn-success" href="news_Editor.aspx" data-toggle="tooltip" title="资讯编辑" data-placement="right">
<i class=" icon-edit"></i>
</a>
<a class="btn btn-info" href="" data-toggle="tooltip" title="产品编辑">
<i class="icon-pencil"></i>
</a>

    <a class="btn btn-warning" href="" data-toggle="tooltip" title="技术服务">
        <i class="icon-cog"></i>
    </a>

    <a class="btn btn-danger" href="" data-toggle="tooltip" title="统计表" data-placement="left">
        <i class="icon-eye-open"></i>
    </a>
</div>

js代码:
//工具条
$(function () { $("[data-toggle='tooltip']").tooltip(); });
效果图:

image.png

data-placement="left" 该属性是工具栏的方向
如果不写,则方向为默认方向,向上。

推荐阅读更多精彩内容

  • 原文出处 http://blog.poetries.top/2016/11/19/bootstrap-review...
    程序员poetry阅读 6,131评论 0 41
  • CSS全局样式 概览 移动设备优先 布局容器 1、container类用于固定宽度并支持响应式布局的容器 2、co...
    VEN_64d6阅读 815评论 0 1
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 5,150评论 0 17
  • Bootstrap 是基于H5利用 JS和CSS 进行布局、提供插件、动画的一个框架。使用了JQuery进行DOM...
    轩居晨风阅读 738评论 0 5
  • 我相信,大部分人心里都会有一个或几个久久难以释怀的人,可能是爱人,可能是朋友,又或者是敌人。 小A和小C曾经是形影...
    懒小U阅读 141评论 0 0
  • 今早听了中国之声新闻纵横栏目,偶然间发现财经观察员许树泽的评论值得分享一下。 资本市场,风云变幻。作为全球最成功的...
    Gueart1516阅读 267评论 1 3
  • (2)一个好的心态才能使我们面对生活充满信心,面对工作充满拼搏。不管遇到什么难题我们要沉着冷静,寻找解决的方法,一...
    陈顺富888087阅读 111评论 0 0
  • 唰! 就在那道苍老声音最后落下的时候,深渊之外,那诸多队伍几乎是同时间暴射而起,化为一道道光影直奔九天之上那一座四...
    混沌天书阅读 132评论 0 0