WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

Bootstrap 4 - Alerts


Bootstrap bears a smooth way to make an adapted alarm message box with its ready thing. To make a ready holder, utilize the .Alert radiance nearby one of the .Alert-* directions to determine the sort of alarm.

Example

<html lang = "en"> 

<head> 

<!- - Meta labels - > 

<meta charset = "utf-8"> 

<meta call = "viewport" content = "width = apparatus width, starting scale = 1, diminish to-suit = no"> 

<!- - Bootstrap CSS - > 

<link rel = "stylesheet" 

href = "https://stackpath.Bootstrapcdn.Com/bootstrap/4.1.3/css/bootstrap.Min.Css" 

integrity = "sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" 

crossorigin = "anonymous"> 

<identify>Bootstrap four Example</identify> 

</head> 

<frame> 

<div class = "box"> 

<h2>Alerts</h2> 

<div magnificence = "alert alert-number one" position = "alert"> 

essential caution - Welcome to Welookups!!! 

</div> 

<div class = "alert alert-secondary" position = "alert"> 

optional caution — Welcome to Welookups!!! 

</div> 

<div class = "alert alert-success" role = "alert"> 

accomplishment alert — Welcome to Welookups!!! 

</div> 

<div magnificence = "alert alert-chance" role = "alert"> 

chance caution — Welcome to Welookups!!! 

</div> 

<div elegance = "alert alert-caution" position = "alert"> 

alert caution — Welcome to Welookups!!! 

</div> 

<div class = "alert alert-data" role = "alert"> 

data alert — Welcome to Welookups!!! 

</div> 

<div class = "alert alert-light" function = "alert"> 

light caution — Welcome to Welookups!!! 

</div> 

<div elegance = "alert alert-dark" position = "alert"> 

darkish alarm — Welcome to Welookups!!! 

</div> 

</div> 

<!- - jQuery first, at that point Popper.Js, at that point Bootstrap JS - > 

<script src = "https://code.Jquery.Com/jquery-3.3.1.Slim.Min.Js" 

integrity = "sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 

crossorigin = "anonymous"> 

</script> 

<script src = "https://cdnjs.Cloudflare.Com/ajax/libs/popper.Js/1.14.Three/umd/popper.Min.Js" 

integrity = "sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" 

crossorigin = "anonymous"> 

</script> 

<script src = "https://stackpath