css - mensajes - Cambio de tamaño de alerta Bootstrap

bootstrap alert modal

Question

¿Hay alguna forma en que pueda editar hasta qué punto puede extenderse una alerta a través de la página, para que no llegue hasta el final?

Aquí hay un ejemplo de mis alertas:

<div class="alert alert-success">Your first number was correct.</div>

Answer 1

Colocarlo en una row y compensar su col hizo por mí.

<div class="row">
    <div class="alert alert-danger col-md-4 col-md-offset-4" align="center">

    </div>
</div>

Answer 2

Creo que funcionaría simplemente tomar el código de la pregunta

<div class="alert alert-success">

y agregar una de las clases de columna como esta

<div class="alert alert-success col-md-3">

Algo así me funcionó de todos modos, mi código exacto era

<div class="alert alert-info alert-dismissible col-md-3" role="alert">

Hizo una pequeña alerta agradable, un poco más grande que un botón.

Answer 3

Si quieres que la alerta sea juste el tamaño del texto interno:

.alert {
  display:inline-block;
}

Answer 4

Usando algun CSS

.alert {
   width:40%;    
}

Ejemplo

http://www.bootply.com/96921

El ejemplo anterior hace que el ancho de alerta sea del 40% del contenedor, o en este caso la pantalla.

También puede establecer un ancho fijo.

.alert {
   width:300px;    
}