tutorial español descargar bootstrap twitter-bootstrap makefile twitter-bootstrap-3

twitter-bootstrap - español - bootstrap tutorial



¿Compila Twitter bootstrap 3 documentos(cómo)? (7)

Intento compilar bootstrap 3. Tengo el repo clonado en mi local. Ejecuto make en el directorio bootstrap.

aaas-imac:bootstrap aaa$ make Building Bootstrap... -------------------------------------------------- Running JSHint on JavaScript... ✔ Done Compiling LESS with Recess... ✔ Done Prepping documentation assets... ✔ Done Compiling and minifying JavaScript... ✔ Done -------------------------------------------------- Success! Thanks for using Bootstrap, <3 @mdo and @fat aaas-imac:bootstrap aaa$

No veo los documentos compilados en ningún lado?


Aquí está la solución completa

Para instalar Jekyll, Rouge y compilación:

si no tienes Ruby instalado - http://jekyll-windows.juthilo.com/2-jekyll-gem/

  1. de comand promt, cd en su carpeta bootstrap
  2. npm install : si tiene problemas, haga una npm update
  3. si no se instaló jekyll, ejecuta gem install jekyll
  4. luego ejecuta gem install rouge
  5. ejecuta el jekyll server desde tu carpeta de bootstrap
  6. visita http://localhost:9001/


En Windows (probado perfectamente por mí no estoy seguro de Linux):

Paso 1: descargue Bootstrap3: github.com/twitter/bootstrap/archive/3.0.0-wip.zip
Paso 2: descarga Ruby: haz clic aquí
Paso 3: descargue Devkit: haga clic aquí y extráigalo a algún directorio.
Paso 4: ir a la dirección de devkit vía ruby ​​y ejecutar los siguientes comandos

ruby dk.rb init ruby dk.rb install gem install jekyll --version ''= 0.11.0''

El paso de la versión es muy importante ya que no pude compilar los documentos en la última versión de jekyll, así que cambié a una versión anterior.

Paso 5: ve al directorio raíz de tu directorio bootstrap
Paso 6: ejecuta jekyll --server
Paso 7: visita localhost: 9001 / o localhost: 4000 / en tu navegador (uno de ellos seguramente funcionará)


Los documentos de Bootstrap 3.0 se crean usando Jekyll . Para ver los documentos localmente, deberá instalar Jekyll para ejecutar un servidor local.


Para instalar Jekyll y compilar: (Nota para Windows ver: https://.com/a/16853614/1596547 )

  1. instalar rubygems (sudo apt-get install rubygems )
  2. (sudo) gem install jekyll
  3. vaya al directorio ./docs de su instalación de arranque (ver también: Explorar e instalar Twitter Bootstrap 3 )
  4. ejecuta jekyll --server desde tu directorio bootstrap
  5. visite http://localhost:9001/ http://localhost:9001/docs.html en su navegador

NB, el puerto predeterminado para WEBrick será 9001. Si este puerto no está disponible, se usará otro puerto: WARN TCPServer Error: Address already in use - bind(2) INFO WEBrick::HTTPServer#start: pid=30728 port=4000

Cuando visite http://localhost:9001/ encontrará una pantalla de inicio. El botón "Ver documentos" se vincula a / docs / mientras los documentos están en docs.html Ver a continuación:

Ahora (10 de julio de 2013) los enlaces de la barra de navegación parecen rotos (falta el .html) así que use http://localhost:9001/javascript.html en lugar de http://localhost:9001/javascript . Ver también: https://github.com/twitter/bootstrap/pull/8443

Usando git (jekyll ya instalado):

git clone --branch 3.0.0-wip git://github.com/twitter/bootstrap.git cd bootstrap jekyll --server

visite http://localhost:9001/ o http://localhost:4000/

UPDATE @lee-whitney sugiere usar el jekyll serve de jekyll --server lugar de jekyll --server . El comando jekyll serve crea un directorio con los archivos html de los documentos. Puede servir estos archivos en un servidor web (local). jekyll serve no empieces un servidor (jekyll). Pruebo estos comandos en Linux (Ubuntu 12.04LTS) con Jekyll 0.12.1


Probé el método de Abhishek y funcionó. Pero no completamente Todavía tengo algunos errores de fluidos.

Así que investigué mucho y encontré una solución. Compilar Bootstrap 3 es un poco más molesto que 2.3.2

Haga lo siguiente para compilar y ejecutarlo.

  1. Obtener Bootstrap 3 master zip

  2. Obtener Ruby 1.9.3

  3. Obtener DevKit

  4. Instale Python 2.7 y actualice la variable de entorno PATH con el directorio python

  5. Obtenga Jekyll 1.x como se menciona en la página de GitHUb de Bootstrap.

    Vaya al directorio devkit a través del terminal ruby ​​y ejecute los siguientes comandos

    ruby dk.rb init
    ruby dk.rb instalar
    joya instalar jekyll

  6. Desinstalar pygments 0.5.2 e instalar pygments 0.5.0

    joya desinstalación pygments.rb --version "= 0.5.2"
    joya instalar pygments.rb --version "= 0.5.0"

  7. Vaya al directorio raíz de la fuente de arranque extraída en su terminal y ejecute lo siguiente

    chcp 65001
    jekyll servir

Ahora navegue a localhost: 9001 y allí, debería ver los documentos alojados localmente.

NOTA : Una vez compilado, puede acceder a esas páginas sin tener que ejecutar el comando jekyll serve todo el tiempo. Simplemente abra las páginas html como lo haría con cualquier página web guardada localmente.

Además, puede eliminar los archivos DevKit extraídos, ya que no los volverá a utilizar para ver los documentos.


Update: For Bootstrap version 3.3.4

Para ejecutar los documentos de Twitter Bootstrap(v3.3.4) localmente, realicé los siguientes pasos y espero que pueda ayudar a otros.

Pasos:

  • gem install jekyll (necesita tener Ruby , Rubygems instalados)
  • git clone --branch gh-pages git://github.com/twitter/bootstrap.git

    (ahora la rama gh-pages tiene todos los documentos)

  • cd bootstrap
  • jekyll serve
  • Visite http://127.0.0.1:4000/ url del servidor predeterminado