부트 스트랩 경고
이 장 (경고) 경고 설명하고 클래스 부트 스트랩은 경고를 제공했다. (경고) 경고 메시지 스타일을 정의하는 방법을 제공한다. 그들은 일반 사용자의 작업으로 상황에 맞는 피드백을 제공합니다.
당신은 경고 상자 (선택 사양) 닫기 버튼을 추가 할 수 있습니다. 취소 가능 경고 상자 인라인을 만들려면 사용 경고 (경고) jQuery 플러그인을 .
당신은 (즉,.alert-성공, .alert-정보가하는 <DIV> 생성 및 .alert 클래스와네 상황에 클래스를 추가 할 수 있습니다 .alert 경보, .alert - 위험) 하나를 추가 기본 경고 상자. 다음의 예는이 점을 보여
예
<사업부 클래스 = "경고 경고 - 성공" > 성공! 음 제출 다. </ DIV>
<사업부 클래스 = "경고 경고-정보" > 정보! 이 정보를 참고하시기 바랍니다. </ DIV>
<사업부 클래스 = "경고 경고 - 경고" > 경고! 제출하지 마십시오. </ DIV>
<사업부 클래스 = "경고 경고 - 위험" > 오류! 몇 가지 변경 사항을 확인하시기 바랍니다. </ DIV>
»시도
결과는 다음과 같다 :
경고 취소 (해고 경고)
다음과 같이 취소 경고 (해고 경고) 만들기 :
- 은 <DIV> 생성 및.alert 클래스와 네 상황에 클래스를 추가하여 (즉, .alert-성공은 .alert-정보,.alert 경보, .alert - 위험) 하나의 기본을 추가 경고 상자.
- 동시에 선택.alert-닫을 수 <DIV> 클래스를 가기를 추가 할 수 있습니다.
- 닫기 버튼을 추가합니다.
다음의 예는이 점을 보여
예
<사업부 클래스 = "경고 경고 - 성공 경고 > -dismissable"
<버튼 = "버튼"을 입력 클래스 = "근접" = "경고"데이터 기각
> = "true"로 아리아 숨겨진
& 배;
</ 버튼> 성공! 음 제출 다. </ DIV>
<사업부 클래스 = "경고 경고-정보 알림 > -dismissable"
<버튼 = "버튼"을 입력 클래스 = "근접" = "경고"데이터 기각
> = "true"로 아리아 숨겨진
& 배;
</ 버튼> 정보! 이 정보를 참고하시기 바랍니다. </ DIV>
<사업부 클래스 = "경고 경고 - 경고 경고 -dismissable을">
<버튼 = "버튼"을 입력 클래스 = "근접" = "경고"데이터 기각
> = "true"로 아리아 숨겨진
& 배;
</ 버튼> 경고! 제출하지 마십시오. </ DIV>
<사업부 클래스 = "경고 경고 - 위험 경고 > -dismissable"
<버튼 = "버튼"을 입력 클래스 = "근접" = "경고"데이터 기각
> = "true"로 아리아 숨겨진
& 배;
</ 버튼> 오류! 몇 가지 변경 사항을 확인하시기 바랍니다. </ DIV>
»시도사용하십시오 <버튼>데이터 기각 = "경고"데이터속성을 가진 요소입니다.
결과는 다음과 같다 :
의 경고 (경고) 링크
다음과 같이 경고 (경고)에서 링크를 만들려면 :
- 은 <DIV> 생성 및.alert 클래스와 네 상황에 클래스를 추가하여 (즉, .alert-성공은 .alert-정보,.alert 경보, .alert - 위험) 하나의 기본을 추가 경고 상자.
- 신속.alert 링크 엔티티 클래스를 사용하여 일치하는 색상으로 연결합니다.
예
<사업부 클래스 = "경고 경고 - 성공" >
<A HREF = "#" 클래스 = "경고 연결"> 성공! 음 제출 다. </ A>
</ DIV>
<사업부 클래스 = "경고 경고-정보" >
<A HREF = "#" 클래스 = "경고 연결"> 정보! 이 정보를 참고하시기 바랍니다. </ A>
</ DIV>
<사업부 클래스 = "경고 경고 - 경고" >
<A HREF = "#" 클래스 = "경고 연결"> 경고! 제출하지 마십시오. </ A>
</ DIV>
<사업부 클래스 = "경고 경고 - 위험" >
<A HREF = "#" 클래스 = "경고 연결"> 오류! 몇 가지 변경 사항을 확인하시기 바랍니다. </ A>
</ DIV>
»시도
결과는 다음과 같다 :
