警告ボックスのシニアコンポーネント：一二〇から二への道を開いた測定

ページのみのヒントにはポップ、ポップラベルありません

新しい標識を導入

アラートボックス：クラス=「警告役割=」警告 "

閉鎖可能な警告ボックス：アラートdismissible

リンクとの警告メッセージ内側：クラス=「警告リンク」

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <METAのcharset = "UTF-8"> 
    <タイトル>ブートストラップレイアウト</ TITLE> 
    <！ -ページのデータソースのクロスプラットフォームの互換性いくつかのノートを作ります- > 
    <META HTTP-当量= "X - UA互換"コンテンツ= "のIE =エッジ"> 
    <！ -適応マルチ画面の指示- > 
    <META NAME = "ビューポート"コンテンツ=「幅=幅デバイス、スケール= 1-初期。 "> 

    <！ -恐ろしい内蔵フォント- > 
    <リンクのhref =" https://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css "REL ="このスタイルシート"> 
    <！ -ブートストラップとjQueryで- > 
    <リンクのhref =" https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css「のrel = 「スタイルシート」>
    <スクリプトSRC = "https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"> </ SCRIPT>
    <スクリプトSRC = "https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"> </ SCRIPT> 
</ HEAD> 
<BODY> 
    <H1>警告框</ H1> 

    <P> </ P> 
    < -警告框：！クラス= "警告役割="警告" - > 
    <divのクラス="コンテナ"> 
        <DIV CLASS ="行"> 
            <divのクラス="警告アラート成功」役割= "警告">警告框1 </ div> 
            <divのクラス= "警告アラート情報"役割= "警告">警告框2 </ div> 
            <divのクラス= "警告アラート警告"役割= "警告">警告框3 </ div> 
            <divのクラス= "警告アラート危険"な役割= "警告">警告框4 </ DIV> 
        </ DIV> 
    </ div> 

    <P> </ P> 
    < -閉鎖可能な警告ボックス:! dismissible-アラート- > 
    <divのクラス= "コンテナ"> 
        <DIV CLASS = "行">
            <DIV CLASS =「警告アラート警告アラートdismissible」役割=「警告」> 
                <ボタンタイプ=「ボタン」クラス=「クローズ」データ・解任=「警告」ARIAラベル=「閉じる」> <スパンaria-隠された= "真の">＆回; </ span>に</ボタン> 
                ！<強い>警告</ strong>の密码错误
            </ div> 
        </ div> 
    </ div> 


    <P> </ P> 
    <！ -警告框中的链接クラス= "警告リンク" - > 
    <divのクラス= "コンテナ"> 
        <DIV CLASS = "行"> 
            <divのクラス= "警告アラート成功"役割= "警告"> 
                XXXXXXXXX <A HREF = "＃"クラス= "警告リンク">クリックするXXXXXXXXXする</a> 
            </ DIV> 
        </ DIV> 
    </ DIV> 

</ BODY> 
</ HTML>

警告ボックスのシニアコンポーネント：一二〇から二への道を開いた測定

おすすめ