今天小編給大家分享的是如何使用Bootstrap彈出框和警告框插件，相信很多人都不太了解，為了讓大家更加了解，所以給大家總結(jié)了以下內(nèi)容，話不多說，一起往下看吧。

在蒙山等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站制作、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計制作定制設(shè)計,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,成都全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站制作,蒙山網(wǎng)站建設(shè)費用合理。

一．彈出框
彈出框即點擊一個元素彈出一個包含標(biāo)題和內(nèi)容的容器。
//基本用法

點擊彈出/隱藏彈出框


//JavaScript 初始化
$('button').popover();

彈出框插件有很多屬性來配置提示的顯示，具體如下：

$('button').popover({ container : 'body', viewport : {
selector : '#view', padding : 10,
}
});

通過 JavaScript 執(zhí)行的方法有四個。
//顯示
$('button').popover('show');
//隱藏
$('button').popover('hide');
//反轉(zhuǎn)顯示和隱藏
$('button').popover('toggle');
//隱藏并銷毀
$('button').popover('destroy');

Popover 插件中事件有兩種。

//事件，其他雷同
$('button').on('show.bs.tab', function () {
alert('調(diào)用 show 方法時觸發(fā)！');
});

二．警告框
警告框即為點擊小時的信息框。
//基本實例


×

警告：您的瀏覽器不支持！


//添加淡入淡出效果


如果用 JavaScript，可以代替 data-dismiss="alert"
//JavaScript 方法
$('.close').on('click', function () {
$('#alert').alert('close');
})

Alert 插件中事件有四種。

//事件，其他雷同
$('#alert').on('close.bs.alert', function () {
alert('當(dāng) close 方法被觸發(fā)時調(diào)用！');
});

以上就是如何使用Bootstrap彈出框和警告框插件的詳細(xì)內(nèi)容了，文中示例代碼介紹的非常詳細(xì)，圖文詳解容易學(xué)習(xí)，非常適合初學(xué)者入門。希望你們能有所收獲。