<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="alert-message alert-message-danger"> <h4> Alert Message Danger</h4> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning <strong>strong message</strong>.</p> </div>

.alert-message { margin: 20px 0; padding: 20px; border-left: 3px solid #eee; } .alert-message-danger { background-color: #fdf7f7; border-color: #d9534f; } .alert-message-danger h4 { color: #d9534f; }