Tema: Trabajando con Bootstrap y ASP.NET
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/07/2015, 09:37
eduar2083
 
Fecha de Ingreso: octubre-2014
Ubicación: Lima
Mensajes: 74
Antigüedad: 11 años
Puntos: 1
Respuesta: Trabajando con Bootstrap y ASP.NET
Hola, Te posteo un pequeño html de cómo utilizo las alertas de Bootstrap. Espera te sirva.
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  6.     <title>Alerta Bootstrap</title>
  7.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  8.     <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
  9.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  10.  
  11. </head>
  12. <body>
  13.     <div class="container">
  14.         <div class="row">
  15.             <div class="col-xs-12">
  16.                 <div class="alert alert-dismissable alert-success" role="alert">
  17.                     <button class="close" type="button" data-dismiss="alert" aria-label="Close">
  18.                         <span arial-hidden="true">&times</span>
  19.                     </button>
  20.                     <div class="container">
  21.                         Esto es un mensaje satisfactorio con botón de cierre
  22.                     </div>
  23.                 </div>
  24.             </div>
  25.         </div>
  26.         <div class="row">
  27.             <div class="col-xs-12">
  28.                 <div class="alert alert-dismissable alert-danger" role="alert">
  29.                     <button class="close" type="button" data-dismiss="alert" aria-label="Close">
  30.                         <span arial-hidden="true">&times</span>
  31.                     </button>
  32.                     <div class="container">
  33.                         Esto es un mensaje de error con botón de cierre
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.         </div>
  38.         <div class="row">
  39.             <div class="col-xs-12">
  40.                 <div class="alert alert-danger" role="alert">
  41.                   <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  42.                   <span class="sr-only">Error:</span>
  43.                   Esto es un mensaje de error sin botón de cierre
  44.                 </div>
  45.             </div>
  46.         </div>
  47.         <div class="row">
  48.             <div class="col-xs-12">
  49.                 <div class="alert alert-dismissable alert-info" role="alert">
  50.                     <button class="close" type="button" data-dismiss="alert" aria-label="Close">
  51.                         <span arial-hidden="true">&times</span>
  52.                     </button>
  53.                     <div class="container">
  54.                         Esto es un mensaje de información con botón de cierre
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.         </div>
  59.         <div class="row">
  60.             <div class="col-xs-12">
  61.                 <div class="alert alert-dismissable alert-warning" role="alert">
  62.                     <button class="close" type="button" data-dismiss="alert" aria-label="Close">
  63.                         <span arial-hidden="true">&times</span>
  64.                     </button>
  65.                     <div class="container">
  66.                         Esto es un mensaje de alerta con botón de cierre
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </div>
  72. </body>
  73. </html>
Saludos.