Cuando las tablas html no se adaptan a los span de bootstrap

En el ultimo proyecto web decidí usar bootstrap como base del theme wordpress a realizar y lo cierto es que tengo que agradecer a Pelayo Maojo su descubrimiento, creo que tras g960, este framework ademas de popular tiene una curva de aprendizaje similar a 960gs.

Trabajando con tablas me encontré con un problema, estas no se adaptan segun que media queries a el ancho “pactado” por los class=”spanX” de bootstrap, a lo que encontré una solución css rapida y que funciona en todos los navegadores.

Basta con añadir a la class o id de tu tabla:

.mitabla {
table-layout: fixed;
word-wrap: break-word;
}

y las tablas se ajustan al/los “span” sin problemas.

Theme base para WordPress basado en Grid 960

grid960designios

Hace poco que uso el framework 960gs, pero el resultado siempre ha sido mas que satisfactorio a la hora de crear sitios web, y más si se usa como base WordPress para dichos sitios.

Para no tener siempre que reusar los themes ya creados para microsites eliminando elementos y dejandolo desnudo de nuevo, he decidido crear una plantilla base para los proyectos venideros dejando como base en una rejilla de 16 columnas,  cabecera, cuerpo, barra lateral y pie, distinguidos por tan solo la propiedad background en el css. Y de paso compartirlo con la comunidad WordPress. Se ve feo… pero de eso se trata… de ponerlo guapo 😉

designiosgridtheme

Está disponible para su descarga en otro de mis alter egos… Designios.