/ / Twitter Bootstrap: modal múltiple en la misma página, desea diferentes colores de fondo - jquery, css, css3, twitter-bootstrap

Twitter Bootstrap: modal múltiple en la misma página, desea diferentes colores de fondo - jquery, css, css3, twitter-bootstrap

Tengo 2 modales en una página, ver: http://twitter.github.com/bootstrap/javascript.html#modals. Quiero que tengan diferentes colores de fondo de página. El JS parece generar <div class="modal-backdrop fade in"></div> al final de la página. ¿Hay una manera de establecer una clase o algo a través de la configuración de Bootstrap?

Respuestas

6 para la respuesta № 1

No, usted puede "t, por cualquier configuración, establecer la backdrop Color, la única forma es cambiarlo por un evento.

Asumamos este ejemplo: http://jsbin.com/uwelok/1/

Necesitará establecer una nueva clase en el shown evento, como

$("#m2").on("shown", function () {
$(".modal-backdrop").addClass("backdrop-yellow");
});

No hay necesidad de reiniciarlo, como en el modal hide En sí mismo, el elemento se elimina y se crea de nuevo, utilizando la configuración predeterminada en la siguiente show.

Y con tal truco, puedes tener una clase simple como:

.backdrop-yellow {
background-color: yellow;
}