Cambiar clase bootstrap en función del tamaño de pantalla

[spank_226]

Buenas.

Estoy intentando ajustar una clase usando Bootstrap para que sea más ancha en función del tamaño de pantalla. La cosa es que, hasta donde yo conozco de bootstrap, solo puedo cambiar los tamaños (usando directivas del tipo col-lg-4) en el HTML, y mi idea es que, cuando la pantalla sea menor que un tamaño (usando una @media query puedo saberlo), esa directiva cambie. Espero haberme explicado con suficiente claridad.

¿Alguien sabría cómo podría hacer esto? Gracias de antemano. Un saludo.

*EDIT* Soy capaz de cambiar, utilizando esas directivas, el tamaño (donde antes tenía col-md-6, ahora tengo col-md-12 para aumentar la anchura), pero no se si eso aguantará todos los anchos considerados como "medios" en Bootstrap. Espero que alguien me lo pueda aclarar. Muchas gracias.

[AngelKrak]

usando jquery se puede cambiar la .class pero como nose mucho de jquery nose si funcione pero pruebale ;)

$(document).ready(function(){
$('.blue').removeClass('blue').addClass('green');
});