로그인  회원가입  
인포앤북 홈

4-4. 경고

■ 경고(alert)

클래스 .alert 다음에 클래스 .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, .alert-secondary, .alert-light을 사용하면 경고나 알림 메시지 박스가 나타납니다.

경고
ex4-14.html
<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의 실행 결과