tablas getbootstrap examples docs div bootstrap twitter-bootstrap twitter-bootstrap-3

twitter-bootstrap - examples - https getbootstrap com docs 3



Personalizando el número de columnas en Bootstrap 3 (4)

Actualizar:

Para cualquiera que tenga esta pregunta: este problema parece haberse resuelto en una actualización posterior de Bootstrap. Ahora puede descargar una compilación personalizada de Bootstrap 3, especificando el número de columnas deseadas con la configuración @grid-columns .

http://getbootstrap.com/customize/

Pregunta original:

Estoy intentando personalizar el sistema de cuadrícula de Bootstrap 3 para usar 24 columnas en lugar de las 12 predeterminadas.

Como se recomienda en varias respuestas aquí, estoy intentando personalizar los recursos utilizando la página "Personalizar y descargar" de Bootstrap modificando las variables @gridColumns , @gridColumnWidth y @gridGutterWidth .

Pero Bootstrap 3 parece haber eliminado esas variables:

¿Cuál sería la forma recomendada de lograr esto en Bootstrap 3? ¡Muchas gracias!

El personalizador para Bootstrap 3.0.0 de Twitter no tiene una opción para establecer el número de columnas de la cuadrícula. Se planeará para la próxima versión 3.0.1, consulte: https://github.com/twbs/bootstrap/issues/10985

También cuando descargue la última versión de github.com/twbs/bootstrap/archive/master.zip y compile su propia versión. establecer @ grid-columnas en variables.less no será suficiente. Los nombres de clase de las columnas de la cuadrícula están codificados de manera rígida en grid.less, tendrá que cambiar / agregar estos también. Consulte también: https://github.com/twbs/bootstrap/issues/10990

Las columnas de cuadrícula se definen dinámicamente con mixins en grid.less ahora. Puedes cambiar @grid-columns a cualquier número y recompilar.

Esto establecerá 24 columnas si usted mismo está compilando el bootstrap MENOS. Recuerde que @grid-gutter-width tiene que estar en px , las unidades em no funcionarán.

@grid-gutter-width: 14px;
@grid-columns: 24;

También puede consultar http://tmaiaroto.github.io/gridline/

... Escribo más detalles sobre por qué querría usarlo en mi blog, http://www.shift8creative.com/posts/view/flexible-twitter-bootstrap-grid en caso de que tenga curiosidad.

Para decirlo brevemente y dulce ... No quieres alterar Twitter Bootstrap porque es un proyecto que se actualiza con la frecuencia suficiente como para molestarte haciendo ediciones todo el tiempo.

Esta es una buena práctica en general para proyectos de código abierto: si hay algo que pueda hacer por encima de ellos de manera no destructiva y no invasiva, debería preferir hacerlo primero. Tu último esfuerzo de zanja es alterar la fuente del proyecto.