• Documentos: actualizaciones importantes en todos los ámbitos de la estructura general, ejemplos y fragmentos de código. También se hizo receptivo con nuevas consultas de medios.
• Documentos: todas las páginas de documentos ahora funcionan con plantillas de Moustache y las cadenas están envueltas en etiquetas i18n para que las traduzca el Centro de traducción de Twitter. Todos los cambios a la documentación deben hacerse aquí y luego compilarse (similar a nuestro CSS y LESS).
• Estructura del directorio del repositorio: eliminó el CSS compilado de la raíz a favor de un gran enlace de descarga directa en la página de inicio de documentos. El CSS compilado está en formato /docs/assets/css/.
• Documentos y repositorio: un archivo MAKE, simplemente escriba makeen la Terminal y obtenga documentos y CSS actualizados.

Sistema de red

• Sistema de cuadrícula actualizado, ahora solo 12 columnas en lugar de 16
• El enfoque receptivo significa que sus proyectos funcionan virtualmente de manera inmediata en teléfonos inteligentes, tabletas y más
• Se eliminó el soporte de columnas de cuadrícula no utilizadas (por defecto) para 17-24 columnas

Responsivo (consultas de medios)

• Consultas de medios agregadas para soporte básico en dispositivos móviles y tabletas
• El CSS receptivo se compila por separado, como bootstrap-responsive.css

Tipografía

• h4los elementos se redujeron de 16 px a 14 px con un valor predeterminado line-heightde 18 px
• h5los elementos se redujeron de 14px a 12px
• h6los elementos se redujeron de 13px a 11px
• Opción alineada a la derecha para comillas en bloque sifloat: right;

Código

• Nuevo estilo gráfico para<code>
• Estilos de Google Code Prettify actualizados (basados ​​en las esencias de GitHub)

Mesas

• Soporte mejorado para colspanyrowspan
• Estilos ahora restringidos a la nueva clase base,.table
• Clases de tabla estandarizadas con .table-requerido como prefijo
• Se eliminaron las opciones de color de la tabla no utilizadas (demasiado código para tan poco impacto)
• Soporte eliminado para TableSorter

Botones

• Nuevas clases de colores y tallas, todas con el prefijo.btn-
• IE9: degradados eliminados y esquinas redondeadas agregadas
• Estado activo actualizado para que el estilo sea más claro en los grupos de botones (nuevo) y se vea mejor con la transición personalizada
• Nueva mezcla, .buttonBackground, para establecer gradientes de botones
• La .secondaryclase se eliminó de los ejemplos modales en nuestros documentos porque nunca tuvo estilos asociados.

Formularios

• El estilo de formulario predeterminado ahora es vertical (apilado) para usar menos CSS y agregar mayor flexibilidad
• Formar clases estandarizadas con .form-requerido como prefijo
• Nuevos valores predeterminados de formulario incorporados para formularios de búsqueda, en línea y horizontales
• Para formas horizontales, las clases anteriores .clearfixy .inputson equivalentes a las nuevas .control-groupy .controls.
• Marcado de formulario horizontal más flexible con clases para todos los estilos, incluida una nueva clase opcional para ellabel
• Estados de formulario: colores actualizados y personalizables a través de nuevas variables LESS

Iconos, por Glyphicons

• Nuevo conjunto de íconos Glyphicons Halflings agregado en forma de sprite, en blanco y negro
• Marcado simple requerido para un icono en toneladas de contextos:<i class="icon-cog"></>
• Agregue otra clase, .icon-white, para la variación blanca del mismo ícono

Grupos de botones y menús desplegables

• Dos componentes completamente nuevos en 2.0: grupos de botones y menús desplegables de botones
• Dependencia: los menús desplegables de botones se basan en grupos de botones y, por lo tanto, requieren todos sus estilos
• Los grupos de botones .btn-group, se pueden agrupar un nivel más alto con una barra de herramientas de botones,.btn-toolbar

Navegación

• Las tabletas y las píldoras ahora requieren el uso de una nueva clase base, .nav, en sus <ul>y los nombres de clase son ahora .nav-pillsy .nav-tabs.
• Se agregó una nueva variación de la lista de navegación que usa la misma clase base,.nav
• Se agregaron pestañas verticales y píldoras, solo agréguelas .nav-stackedal<ul>
• Las píldoras se rediseñaron para que fueran menos redondeadas de forma predeterminada
• Las píldoras ahora tienen soporte de menú desplegable (comparten el mismo marcado y estilos que las pestañas)

Barra de navegación (anteriormente barra superior)

• La clase base cambió de .topbara.navbar
• Ahora admite la posición estática (comportamiento predeterminado, no fijo) y se fija en la parte superior de la ventana gráfica a través de .navbar-fixed-top(anteriormente solo se admitía fijo)
• Se agregaron divisores verticales a la navegación de nivel superior
• Se mejoró la compatibilidad con los formularios en línea en la barra de navegación, que ahora requieren .navbar-formque los estilos alcancen correctamente solo los formularios previstos.
• El formulario de búsqueda de la barra de navegación ahora requiere el uso de la .navbar-searchclase y su entrada el uso de .search-query. Para posicionar el formulario de búsqueda, debe utilizar .pull-lefto .pull-right.
• Se agregó un marcado receptivo opcional para colapsar el contenido de la barra de navegación para resoluciones y dispositivos más pequeños. Consulte los documentos de la barra de navegación para saber cómo utilizar.

menús desplegables

• Se actualizó .dropdown-menupara ajustar el espacio
• Ahora requiere que agregue un <span class="caret"></span>para mostrar la flecha desplegable
• Ahora requiere que agregue un data-toggle="dropdown"atributo para obtener un comportamiento de alternancia
• La barra de navegación (barra superior fija) tiene nuevos menús desplegables. Atrás quedaron las versiones oscuras y en su lugar están las blancas estándar con un signo de intercalación adicional en la parte superior para mayor claridad de la posición.

Etiquetas

• Colores de etiqueta actualizados para que coincidan con los colores del estado del formulario
• No solo coinciden gráficamente, sino que funcionan con las mismas variables nuevas

Miniaturas

• Anteriormente .media-grid, ahora solo .thumbnails, hemos ampliado completamente este componente para más usos mientras mantenemos la simplicidad general lista para usar.
• Las miniaturas individuales ahora requieren .thumbnailclase

Alertas

• Nueva clase base: .alerten lugar de.alert-message
• Nombres de clase estandarizados para otras opciones, ahora todos comienzan con.alert-
• Estilos de alerta base rediseñados para combinar las alertas predeterminadas y las alertas de nivel de bloque en una sola
• La clase de alerta de nivel de bloque cambió: .alert-blocken lugar de.block-message

Barras de progreso

• Nuevo en 2.0
• Presenta múltiples estilos a través de clases, incluidas variaciones rayadas y animadas a través de CSS3

Componentes varios

• Se agregó documentación para el componente de pozo y el ícono de cierre (usado en modales y alertas)

Información sobre herramientas

• Se cambió el nombre del método del complemento de twipsy()a tooltip()y el nombre de la clase cambió de twipsya tooltip.
• El placementvalor de la opción que era belowes ahora bottom, y abovees ahora top.
• Se animatecambió el nombre de la opción a animation.
• La htmlopción se eliminó, ya que la información sobre herramientas está predeterminada para permitir HTML ahora.

Popovers

• Los elementos secundarios ahora tienen el espacio de nombres correcto: .titleto .popover-title, .innerto .popover-innery .contentto .popover-content.
• El placementvalor de la opción que era belowes ahora bottom, y abovees ahora top.

Nuevos complementos

• Colapsar
• Carrusel
• Escritura anticipada