백스물둘에 도로를 개방 측정 : 경고 상자의 수석 구성 요소를

전용 페이지 팁에 어떤 팝, 팝 레이블이 없습니다

새로운 라벨을 소개합니다

경고 상자 : 클래스 = "경고 역할 ="경고 "

폐쇄 경고 상자 : 경고 - 취소 가능한

링크가 경고 메시지 내부 : 클래스 = "경고 연결"

<! DOCTYPE HTML> 
<HTML LANG = "EN"> 
<head> 
    <메타 문자 집합 = "UTF-8"> 
    <제목> 부트 스트랩 레이아웃 </ 제목> 
    <! - 페이지 데이터 소스 크로스 플랫폼 호환성 몇 가지 메모를 - > 
    <META HTTP-EQUIV = "X - UA에 호환"내용 = "의 IE = 엣지"> 
    <! - 적응 형 멀티 스크린 지침 -> 
    <메타 이름 = "뷰포트"내용 = "너비 = 폭 장치, . 규모 = 1-초기 "> 

    <! - 최고 - 통합 글꼴 -> 
    <href를 링크 ="https://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css "를 확인해 ="이 스타일 시트 "> 
    <! -에 부트 스트랩 및 jQuery를 -> 
    <href를 링크 ="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css "를 확인해 = "스타일">
    <스크립트 SRC = "https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"> </ script>
    <script의 SRC = "https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"> </ script> 
</ head> 
<body> 
    <H1>警告框</ H1> 

    <P> </ P> 
    <-警告框! 클래스 = "경고 역할 ="경고 "-> 
    <div 클래스 ="용기 "> 
        <DIV 클래스 ="행 "> 
            <DIV 클래스 ="경고 경고 - 성공 "역할 ="경고 ">警告框1 </ DIV> 
            <DIV 클래스 ="경고 경고-정보 "역할 ="경고 ">警告框2 </ DIV> 
            <DIV 클래스 ="경고 경고 - 경고 " 역할 = "경고">警告框3 </ DIV> 
            <DIV 클래스 = "경고 경고 - 위험"역할 = "경고">警告框4 </ DIV> 
        </ DIV> 
    </ DIV> 

    <P> </ P> 
    <- 폐쇄 경고 상자 :! 취소 가능한 - 경고 -> 
    <div 클래스 = "컨테이너"> 
        <DIV 클래스 = "줄">
            <DIV 클래스 = "경고 경고 - 경고 경고 - 취소 가능한"역할 = "경고"> 
                <버튼 유형 = "버튼"클래스 = "가까운"= "경고"아리아 라벨 = "닫기"데이터-기각> <스팬 aria-을 숨겨진 = "진정한"> & 배; </ SPAN> </ 버튼> 
                ! <strong> 경고 </ strong>密码错误
            </ DIV> 
        </ DIV> 
    </ DIV> 


    <P> </ P> 
    <! -警告框中的链接클래스 = "경고 연결"-> 
    <div 클래스 = "용기"> 
        <DIV 클래스 = "행"> 
            <DIV 클래스 = "경고 경고 - 성공"역할 = "경고"> 
                XXXXXXXXX <A HREF = "#"클래스 = "경고 연결"> 클릭에 XXXXXXXXX </a>를 
            </ DIV> 
        </ DIV> 
    </ DIV> 

</ BODY> 
</ HTML>

백스물둘에 도로를 개방 측정 : 경고 상자의 수석 구성 요소를

추천