부트 스트랩에서 폐회 통보하는 방법

Question

부트 스트랩을 사용하여 폐회 통보를하고 싶습니다. 경고가 제대로 표시되었지만 닫을 수 없었습니다. 이 코드에 잘못된 것이 있습니까? 감사.

<div class="alert alert-warning alert-dismissable"> 
    <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a> 
    <strong>Warning!</strong> 
</div> 

Answer 1

프로젝트에서 jquery 및 bootstrapjs 파일을 추가해야합니다

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<div class=container> 
 
    <div class="alert alert-warning alert-dismissable"> 
 
    <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a> 
 
    <strong>Warning!</strong> 
 
    </div> 
 
</div>

Answer 2

JQUERY

REMOVE

$('#alert-container').children('.alert:first-child').remove(); 

APPEND

$('#alert-container').append('<div class="alert alert-block fade in"><button type="button" class="close" data-dismiss="alert">&times;</button><h4>Info!</h4>'+ message +'</div>');