4-4. 경고
■ 경고(alert)
클래스 .alert 다음에 클래스 .alert-success, .alert-info, .alert-warning, .alert-danger,
.alert-primary, .alert-secondary, .alert-light을 사용하면 경고나 알림 메시지 박스가 나타납니다.
< div class=" container mt-3" >
< h3> 경고< /h3>
< div class=" alert alert-success" >
< b> 성공!< /b> 성공했습니다.
< /div>
< div class=" alert alert-info" >
< b> 정보!< /b> 중요한 정보입니다.
< /div>
< div class=" alert alert-warning" >
< b> 경고!< /b> 경고합니다.
< /div>
< div class=" alert alert-danger" >
< b> 위험!< /b> 위험합니다.
< /div>
< div class=" alert alert-primary" >
< b> 주목!< /b> 주목해 주세요.
< /div>
< div class=" alert alert-secondary" >
< b> 잠깐만!< /b> 잠깐만 주목해 주세요.
< /div>
< div class=" alert alert-dark" >
< b> 어두운 색!< /b> 어두운 색상 경고입니다.
< /div>
< div class=" alert alert-light" >
< b> 밝은 색!< /b> 밝은 색상 경고입니다.
< /div>
< /div>
ex4-14.html의 실행 결과
새 창에서 보기