bootstrap創(chuàng)建錯誤提示的方法

了解bootstrap創(chuàng)建錯誤提示的方法？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

創(chuàng)新互聯(lián)建站溝通電話：18980820575，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù)，創(chuàng)新互聯(lián)建站網(wǎng)頁制作領(lǐng)域十多年，包括橡塑保溫等多個方面擁有多年的網(wǎng)站運(yùn)維經(jīng)驗，選擇創(chuàng)新互聯(lián)建站，為網(wǎng)站保駕護(hù)航。

bootstrap創(chuàng)建錯誤提示的方法：首先創(chuàng)建一個HTML示例文件；然后引入bootstrap.css和jquery.js以及bootstrap.js；最后創(chuàng)建bootstrap警告錯誤即可。

bootstrap錯誤警告信息提示

bootstrap提供了成功執(zhí)行、警告和錯誤信息的樣式.

在使用該功能的時候需要引入以下幾個文件:

bootstrap.css

jquery.js(需放在bootstrap.js之前)

bootstrap.js(官方推薦引入的是bootstrap-alert.js)

主要使用的樣式:

.span4
.alert(默認(rèn)樣式)
.alert alert-successs
.alert alert-error
.alert alert-info

實例代碼如下:

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
    <title>bootstrap警告錯誤</title>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">    
    <script  src="bootstrap/js/jquery.1.9.1.js"></script>
    <script  src="bootstrap/js/bootstrap.js"></script>
    
</head>    
<body>
    <div class="container">
        <h3>警告錯誤</h3>
        <div class="row">
        <div class="span4">
            <div class="alert">
                <a class="close" data-dismiss="alert">×</a>
                <strong>
                    Warning
                </strong>這里是警告提示信息
            </div>
            <div class="alert alert-success">
                <a class="close" data-dismiss="alert">×</a>
                <strong>
                    Success
                </strong>這里是成功提示信息
            </div>
            <div class="alert alert-info">
                <a class="close" data-dismiss="alert">×</a>
                <strong>
                    Info
                </strong>這里是信息提示信息
            </div>
        </div>
    </div>
</div>
</body>
</html>

效果如圖:

bootstrap創(chuàng)建錯誤提示的方法

感謝各位的閱讀！看完上述內(nèi)容，你們對bootstrap創(chuàng)建錯誤提示的方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁標(biāo)題：bootstrap創(chuàng)建錯誤提示的方法
網(wǎng)站路徑：http://bm7419.com/article30/gocepo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、品牌網(wǎng)站制作、微信小程序、手機(jī)網(wǎng)站建設(shè)、域名注冊、網(wǎng)站設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司