Trabajando con Bootstrap y ASP.NET

midamadi14 · #1 (**permalink**) 02/07/2015, 22:41

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>

eduar2083 · #2 (**permalink**) 04/07/2015, 09:37

Hola, Te posteo un pequeño html de cómo utilizo las alertas de Bootstrap. Espera te sirva.

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Alerta Bootstrap</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="alert alert-dismissable alert-success" role="alert">
                    <button class="close" type="button" data-dismiss="alert" aria-label="Close">
                        <span arial-hidden="true">&times</span>
                    </button>
                    <div class="container">
                        Esto es un mensaje satisfactorio con botón de cierre
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="alert alert-dismissable alert-danger" role="alert">
                    <button class="close" type="button" data-dismiss="alert" aria-label="Close">
                        <span arial-hidden="true">&times</span>
                    </button>
                    <div class="container">
                        Esto es un mensaje de error con botón de cierre
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="alert alert-danger" role="alert">
                  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                  <span class="sr-only">Error:</span>
                  Esto es un mensaje de error sin botón de cierre
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="alert alert-dismissable alert-info" role="alert">
                    <button class="close" type="button" data-dismiss="alert" aria-label="Close">
                        <span arial-hidden="true">&times</span>
                    </button>
                    <div class="container">
                        Esto es un mensaje de información con botón de cierre
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="alert alert-dismissable alert-warning" role="alert">
                    <button class="close" type="button" data-dismiss="alert" aria-label="Close">
                        <span arial-hidden="true">&times</span>
                    </button>
                    <div class="container">
                        Esto es un mensaje de alerta con botón de cierre
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

Saludos.