<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> Free Software and Gnu Linux Algeria </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<link rel="stylesheet" href="assets/css/bootstrap-rtl.min.css" >
</head>
<body>
<style>
body{
background-color:#fff;
color:#444;
line-height: 1.7em;
padding: 50px 0;
}
</style>
<div class="container">
<h3 class="text-center"> <code> .alert-dismissible </code> مثال على صنف الـ </h3>
<br>
<div class="alert alert-success alert-dismissible text-right">
رسالة تنبيه تستعمل لتأشير على نجاح عملية ما .
<a href="#" class="close pull-left" data-dismiss="alert" aria-label="close">×</a>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>