Nueva versión de Bootstrap

Bootstrap 3

Comentarios 27

Me gusta 1

Después de un tiempo de espera llega la esperada nueva versión de Bootstrap. Lo hace en forma de Release Candidate 1. Se espera, al menos, otra RC más antes de la versión final, pero ya podemos ir viendo lo que será esta nueva versión y comenzar a analizarla. Boostrap 3 RC1 ya está aquí.

La nueva versión del framework web frontend de moda viene cargada de novedades. Las principales tienen que ver con el abandono de soporte de navegadores antiguos por defecto y un diseño pensado desde el principio para dispositivos móviles.

Nuevo repositorio, nueva distribución

A nivel estructural lo más destacable es que el proyecto se ha mudado a un nuevo repositorio dentro de Github que ahora cuenta el equipo con cuenta propia donde están los diferentes proyecto relacionados.

Dentro del repositorio se ha establecido un directorio llamado dist donde se encuentra el producto final ya compilado y listo para usar en nuestros proyectos web. Este directorio es el que está publicado como descarga en el sitio oficial.

Estructura de archivos

La nueva estructura de archivos de la distribución es la siguiente.

bootstrap/

├── css/

│ ├── bootstrap.css

│ ├── bootstrap.min.css

├── js/

│ ├── bootstrap.js

│ ├── bootstrap.min.js

Como podemos ver se ha reducido el número de archivos al desaparecer los iconos Glyphicons que ahora son un proyecto separado. También se ha eliminado el archivo para diseño responsive que ahora se integra dentro del propio framework.

Por tanto nos quedamos con sólo dos archivos el correspondiente al CSS y al Javascript de los que tenemos la versión comprimida y sin comprimir.

Glyphicons como proyecto separado

No tenía mucho sentido mantener dentro del proyecto unos iconos como los Glyphicons basados en una imágen PNG habiendo soluciones basadas en font-face como Font Awesome que permiten la escalabidad.

Sin embargo sigue estando disponible para el que desee usarlo en un proyecto mantenido por el propio equipo. Aquí puedes verlo.

Compatibilidad de navegadores

Los navegadores soportados por defecto serán los siguientes.

Chrome (Mac, Windows, iOS, and Android)

Safari (Sólo Mac e IOS ya que el de Windows está más o menos discontinuado)

Firefox (Mac, Windows)

Internet Explorer

Opera (Mac, Windows)

Extraoficialmente dicen que debería verse bien tanto en Chromium para Linux como en Internet Explorer 7, pero no están soportados de forma oficial.

De la misma forma comentan que aunque IE8 e IE9 están soportados no todas las propiedades CSS3 están implementadas en estos navegadores como pueden ser las esquinas redondeadas. Además para el uso de los media query será necesario el uso de respond.js.

Además para todas las versiones será necesario el uso de Jquery.

Muchos y variados ejemplos

En la nueva versión se han esmerado aún más en darnos ejemplos de diferentes prototipos con los que comenzar y han habilitado un sitio web donde se pueden ver diferentes ejemplos de plantillas básica. Es de esperar que en la versión final haya aún mas ejemplos y prototipos básicos. Sin duda un gran recurso para los iniciados que necesiten una base por la que comenzar.

Nuevo estilo

Como siempre los estilos y los colores de los diferentes elementos será altamente personalizable, pero cabe destacar que en el estilo por defecto apuestan por los colores básicos y planos. Una muestra de ello son los nuevos botones en los que se deja atrás el uso de degradados que las daba aspecto de profundidad y se pasa al uso de colores planos. En cuanto a colores son menos vivos que los de la versión 2.

botones css

En cuanto a los nuevos componentes lo más destacable son los nuevos paneles que se pueden hacer y que todos ellos en menor o mayor medida se han adaptado al nuevo estilo de colores. Podemos ver todos los nuevos componentes en la página de documentación.

Paneles

Personalización

Las personalizaciones de tema no están disponibles aún, pero el equipo dice que ya estarán disponibles con la segunda Release Candidate. Como en la versión 2 podremos definir los aspectos básicos del framework como las fuentes a utilizar, la paleta de colores o qué componentes queremos incluir.

De todas maneras los más manitas pueden obtener la versión sin compilar de less y hacer estos cambios de variable a mano fácilmtente. También podemos hacerlo a la vieja usanza de sobrescribir los estilos que queramos en una nueva hoja de estilos.

Arreglos generales

Además de las novedades se ha reescrito y mejorado casi por completo todo el núcleo del framework con los siguientes numeros: alrededor de 1.600 commits, unas 72.000 adicciones/eliminaciones y cerca de 300 archivos cambiados. Como vemos el equipo y la comunidad no ha parado para darnos lo mejor de Bootstrap.

Habrá que esperar a la versión final, pero esta primera Release Candidate no pinta nada mal.

En Genbeta Dev | Bootstrap

Más información | Sitio oficial

Código fuente | Github

Categorías Desarrollo web

Tags Frameworks Bootstrap 3

Artículos recomendados

Herramientas que no te pueden faltar como desarrollador web

Herramientas que no te pueden faltar como desarrollador web

Un sencillo truco para esconder y ordenar los cables de la mesa del televisor

Un sencillo truco para esconder y ordenar los cables de la mesa del televisor

(Xataka Smart Home)

Los proyectos Open Source más populares en Github

Los proyectos Open Source más populares en Github

Fotografías que usas cuando no debes: Galaxia Xataka

Fotografías que usas cuando no debes: Galaxia Xataka

(Xataka)

[Actualizado] Cinco consejos para acelerar tu conexión a Internet

[Actualizado] Cinco consejos para acelerar tu conexión a Internet

(Xataka On)

recomendado por

Ver más artículos »

Productos

Bootstrap

Bootstrap

SOY EXPERTO SOY PRINCIPIANTE

22

Puntuación media:

0

+ + + + + + + + + +

Ver más productos »

Respuestas

2

Quiero empezar con HTM5 ¿Qué manuales, frameworks, links recomiendas para empezar?

hace 8 meses

3

¿Qué opinas de los frameworks multiplataforma?

hace 11 meses

30

¿Cuál ha sido tu ultimo descubrimiento tecnológico ?

hace un año

1

¿Cuál es tu opinión sobre LungoJS frente

...