example bootstrap html css twitter-bootstrap responsive-design

html - example - ¿Cómo obtener solo la cuadrícula receptiva de Bootstrap 3?



tooltip bootstrap 4 example (6)

Hecho una construcción Grunt con la grilla Bootstrap 3.3.5 solamente:

https://github.com/horgen/grunt-builds/tree/master/bootstrap-grid

~ 10KB minimizado.

Si necesita algunas otras piezas de Bootstrap, simplemente inclúyalas en /src/less/bootstrap.less.

Necesito agregar funciones de diseño receptivas a mi aplicación web usando Twitter Bootstrap. Solo quiero un comportamiento receptivo, no estoy interesado en la tipografía, los componentes o cualquier otra cosa incluida en Bootstrap.

Obtuve una versión personalizada de Bootstrap simplemente seleccionando el sistema de cuadrícula. Sin embargo, cuando agrego el CSS generado a mi aplicación, todos mis estilos están en mal estado (encabezado, enlaces y otros). ¿Por qué está sucediendo eso? ¿Cómo puedo obtener un Bootstrap CSS solo con el sistema de grillas? Me gustaría evitar una modificación manual de los archivos de Bootstrap.

¡Gracias!

Parece que ahora puede descargar solo la grilla en las nuevas funciones de descarga de Bootstrap 4s.

Realizar zirafa/bootstrap-grid-only . Contiene solo la cuadrícula de arranque y las utilidades de respuesta que necesita (sin reinicio ni nada), y simplifica la complejidad de trabajar directamente con los archivos LESS .

Sugeriría usar http://getpreboot.com/ de MDO en su lugar. A partir de v2, preboot puertos posteriores las mezclas / variables LESS utilizadas para crear el sistema Bootstrap 3.0 Grid y es mucho más liviano que usar el generador CSS. De hecho, si solo incluye preboot.less NO hay gastos generales, ya que todo el archivo está compuesto por mixins / variables y, por lo tanto, solo se utilizan en precompilación y no en el resultado final.