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