twitter-bootstrap - movil - mostrar y ocultar div bootstrap

Ocultar columna en bootstrap en teléfono móvil

Question

Tengo un sitio con 2 columnas y quiero ocultar una de las columnas cuando el sitio se ve en un móvil. Sé que puede usar la clase hidden_phone y establecer la clase de columna en 99% o lo que sea que esté usando una consulta de medios de tamaño de pantalla, pero me pregunto si esta es la forma correcta de hacerlo. ¿Hay alguna forma mejor o más correcta?

<div class="container>
<div class="row">
<div class="span8">some content</div>
<div class="span4 hidden-phone">some content</div>
</div>
</div>
@media (max-width: someresolution){
.span8{
width:99.3214534%;
}
}

Answer 1

Sí, este es realmente el enfoque que usa Twitter Bootstrap. Echa un vistazo al código fuente de su sistema de red .

Las clases de teléfono oculto, ... (han sido renombradas a hidden-xs , .. en la versión 3) funcionan simplemente configurando el atributo "pantalla" en "ninguno" o "bloque" según la consulta de medios actual. Eche un vistazo a sus responsive-utilities y mixins responsive-utilities y busque el texto "visibilidad de respuesta" si desea conocer todos los detalles.

Si bien esto es ''menos'' y no ''css'', debería ser legible. Si tiene curiosidad por saber qué es "menos", visite el sitio web lesscss.org