[bootstrap] 부트스트랩 – 알림메시지(alerts)

<div class=”alert alert-success” role=”alert“>
<strong>Well done!</strong> You successfully read this important alert message.
</div>

 

.alert 와 색상을 위한 선택자를 추가함으로 에러나 중요 알림 메시지를 출력할 수 있습니다.

 

<div class=”alert alert-warning alert-dismissible” role=”alert”>
<button type=”button” class=”close” data-dismiss=”alert”><span aria-hidden=”true”>&times;</span><span class=”sr-only”>Close</span></button>
<strong>Warning!</strong> Better check yourself, you’re not looking too good.
</div>

 

알림메시지에 닫기 기능을 추가하려면 .alert-dismissible 선택자 하위에 .close 선택자가, data-dismiss=”alert” 속성이 있어야 합니다.