BootStrap（四）

BootStrap（四）

下面主要说一些 js事件调用 ：

1.下拉菜单的js调用
元素.dropdown() 和 元素.dropdown(‘toggle’)
不好用 不多用

2.提示标语 tooltip
使用：先写一个a标签 最普通的
在这个a标签中 可以设置 title
data-placement 等等 具体 有：

同时 添加 js 元素.tooltip()

当然 也可以不加 data-*

直接在js中

    元素.tooltip({
        //除掉data-
        placement:'right'
        .....
        })

还有一些js 前后事件 用的时候再看

3.弹出框
弹出框的使用
首先定义一个button 最普通的按钮
然后添加js 元素.popover()
这个弹出框的用法和提示标语tooltip很相似
直接上图：

在js中的使用 同上

4.警告框
可用js 去除 alert-dismissable 和 data-dismiss=’alert’

代码 如下：

 <div id="alert" class="alert alert-danger">
        <button class="close" >&times;</button>
        ooo
  </div>
          //js代码
      $(".close").on('click',function(){
        $("#alert").alert('close')
    })