Bootstrap Alert

Prev Tutorial Next Tutorial

Alert class in Bootstrap

Bootstrap Alerts are used to provide an easy way to create predefined alert messages. Alert adds a style to your messages to make it more appealing to the users.
There are four classes that are used within

element for alerts.

  • .alert-success
  • .alert-info
  • .alert-warning
  • .alert-danger

Bootstrap Alert Example

<!DOCTYPE html>  
<html lang="en">  
  <title>Bootstrap Example</title>  
  <meta charset="utf-8">  
  <meta name="viewport" content="width=device-width, initial-scale=1">  
  <link rel="stylesheet" href="">  
  <script src=""></script>  
  <script src=""></script>  
<div class="container">  
  <div class="alert alert-success">  
    <strong>Success!</strong> Well done its submitted.  
  <div class="alert alert-info">  
    <strong>Info!</strong> take this info.  
  <div class="alert alert-warning">  
    <strong>Warning!</strong> Dont submit this.  
  <div class="alert alert-danger">  
    <strong>Danger!</strong> Change few things.  


Success! Well done its submitted.
Info! take this info.
Warning! Dont submit this.
Danger! Change few things.

Prev Tutorial Next Tutorial

Download Projects

Google Adsense Advertisements
Free Classified Site – Bedpage

Yahoo Advertisements