Foros del Web » Programando para Internet » ASPX (.net) »

Trabajando con Bootstrap y ASP.NET

Estas en el tema de Trabajando con Bootstrap y ASP.NET en el foro de ASPX (.net) en Foros del Web. Buen dia quisiera que me colaboraran con un codigo para que al oprimir un boton de asp me mostrara una alerta de bootstrap estoy haciendo ...
  #1 (permalink)  
Antiguo 02/07/2015, 22:41
 
Fecha de Ingreso: julio-2015
Mensajes: 1
Antigüedad: 8 años, 8 meses
Puntos: 0
Exclamación Trabajando con Bootstrap y ASP.NET

Buen dia quisiera que me colaboraran con un codigo para que al oprimir un boton de asp me mostrara una alerta de bootstrap estoy haciendo un proyecto para graduarme de tecnologo y me gusto esa alerta y desearia poder utilizarla.Gracias

adjunto el codigo de la alerta

Código HTML:
<div class="alert alert-success fade in">
        <a href="#" class="close" data-dismiss="alert">&times;</a>
        <p><strong>
            <asp:Label ID="LblMsgN" runat="server" Text="Correcto! " CssClass="h5" Font-Bold="True"></asp:Label></strong> <asp:Label ID="LblSubm" runat="server" Text="Credenciales ingresadas correctamente." CssClass="h5"></asp:Label></p>
    </div> 
  #2 (permalink)  
Antiguo 04/07/2015, 09:37
 
Fecha de Ingreso: octubre-2014
Ubicación: Lima
Mensajes: 74
Antigüedad: 9 años, 5 meses
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.     <meta charset="UTF-8">
  4.     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  5.     <title>Alerta Bootstrap</title>
  6.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  7.     <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
  8.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  9.  
  10. </head>
  11.     <div class="container">
  12.         <div class="row">
  13.             <div class="col-xs-12">
  14.                 <div class="alert alert-dismissable alert-success" role="alert">
  15.                     <button class="close" type="button" data-dismiss="alert" aria-label="Close">
  16.                         <span arial-hidden="true">&times</span>
  17.                     </button>
  18.                     <div class="container">
  19.                         Esto es un mensaje satisfactorio con botón de cierre
  20.                     </div>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.         <div class="row">
  25.             <div class="col-xs-12">
  26.                 <div class="alert alert-dismissable alert-danger" role="alert">
  27.                     <button class="close" type="button" data-dismiss="alert" aria-label="Close">
  28.                         <span arial-hidden="true">&times</span>
  29.                     </button>
  30.                     <div class="container">
  31.                         Esto es un mensaje de error con botón de cierre
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.         <div class="row">
  37.             <div class="col-xs-12">
  38.                 <div class="alert alert-danger" role="alert">
  39.                   <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  40.                   <span class="sr-only">Error:</span>
  41.                   Esto es un mensaje de error sin botón de cierre
  42.                 </div>
  43.             </div>
  44.         </div>
  45.         <div class="row">
  46.             <div class="col-xs-12">
  47.                 <div class="alert alert-dismissable alert-info" role="alert">
  48.                     <button class="close" type="button" data-dismiss="alert" aria-label="Close">
  49.                         <span arial-hidden="true">&times</span>
  50.                     </button>
  51.                     <div class="container">
  52.                         Esto es un mensaje de información con botón de cierre
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.         </div>
  57.         <div class="row">
  58.             <div class="col-xs-12">
  59.                 <div class="alert alert-dismissable alert-warning" role="alert">
  60.                     <button class="close" type="button" data-dismiss="alert" aria-label="Close">
  61.                         <span arial-hidden="true">&times</span>
  62.                     </button>
  63.                     <div class="container">
  64.                         Esto es un mensaje de alerta con botón de cierre
  65.                     </div>
  66.                 </div>
  67.             </div>
  68.         </div>
  69.     </div>
  70. </body>
  71. </html>
Saludos.

Etiquetas: asp, bootstrap, server
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:29.