twitter-bootstrap - tutorial - descargar bootstrap 3
Usando bootstrap con bower (7)
Intento usar bootstrap con Bower, pero dado que clona todo el repositorio, no hay CSS y otras cosas.
¿Significa que necesito incluir la construcción de Bootstrap en mi propio proceso de compilación? O si estoy equivocado, ¿cuál es el flujo de trabajo correcto?
Hay un paquete de bower bootstrap precompilado llamado bootstrap-css. Creo que esto es lo que (y yo) esperábamos encontrar.
bower install bootstrap-css
Gracias Nico
También recuerda eso con un comando como:
bower search twitter
Obtienes un resultado con una lista de cualquier paquete relacionado con Twitter. De esta forma estará al día con todo lo relacionado con Twitter y Bower, como por ejemplo saber si hay un nuevo componente de bower.
Terminé yendo con un script de shell que solo debería ejecutarse una vez cuando finaliza la compra de un proyecto
#!/usr/bin/env bash
mkdir -p webroot/js
mkdir -p webroot/css
mkdir -p webroot/css-min
mkdir -p webroot/img
mkdir -p webroot/font
npm i
bower i
# boostrap
pushd components/bootstrap
npm i
make bootstrap
popd
cp components/bootstrap/bootstrap/css/*.min.css webroot/css-min/
cp components/bootstrap/bootstrap/js/bootstrap.js src/js/deps/
cp components/bootstrap/bootstrap/img/* webroot/img/
# fontawesome
cp components/font-awesome/css/*.min.css webroot/css-min/
cp components/font-awesome/font/* webroot/font/
Tiene que instalar nodeJs en su sistema para ejecutar comandos npm . Una vez que npm esté funcionando correctamente, puede visitar bower.io . Allí encontrarás documentación completa sobre este tema. Encontrará un comando $ npm install bower . esto instalará bower en su máquina. Después de instalar Bower , puede instalar Bootstrap fácilmente.
suponiendo que tenga npm instalado y bower instalado globalmente
- navega hacia tu proyecto
-
bower init(esto generará el archivo bower.json en su directorio) - (luego sigue haciendo clic en sí) ...
para establecer la ruta donde se instalará bootstrap:
crea manualmente un archivo.bowerrcjunto al archivo bower.json y agrega lo siguiente a él:{"directorio": "public / components"}
bower install bootstrap --save
Nota: para instalar otros componentes:
bower search {component-name-here}
Finalmente terminé usando lo siguiente: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip
Me parece más limpio ya que no clona todo el repositorio, solo descomprime los documentos requeridos.
La desventaja de esto es que rompe la filosofía de bower ya que una bower update no actualizará bootstrap.
Pero creo que todavía es más limpio que usar bower install bootstrap y luego construir bootstrap en tu flujo de trabajo.
Es una cuestión de elección, supongo.
Actualización: parece que ahora versionan una carpeta dist (ver: https://github.com/twbs/bootstrap/pull/6342 ), así que solo use bower install bootstrap y apunte a los activos en la carpeta dist
Los archivos css y js se encuentran dentro del paquete: bootstrap/docs/assets/
ACTUALIZAR:
desde v3 hay una carpeta dist en el paquete que contiene todos los css, js y fuentes.
Otra opción (si solo quiere buscar archivos individuales) podría ser: pulldown . La configuración es extremadamente simple y puede agregar fácilmente sus propios archivos / URL a la lista.