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/
- de comand promt, cd en su carpeta bootstrap
-
npm install
: si tiene problemas, haga unanpm update
- si no se instaló jekyll, ejecuta
gem install jekyll
- luego ejecuta
gem install rouge
- ejecuta el
jekyll server
desde tu carpeta de bootstrap - visita http://localhost:9001/
Aquí están los documentos comprimidos, no hay necesidad de hacer nada más que leer. Full Bootstrap 3 documentos descargables.
http://web3canvas.com/item/bootstrap-3-docs/
¡Disfrutar!
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 )
- instalar rubygems (sudo
apt-get install rubygems
) - (sudo)
gem install jekyll
-
vaya al directorio./docs
de su instalación de arranque (ver también: Explorar e instalar Twitter Bootstrap 3 ) - ejecuta
jekyll --server
desde tu directorio bootstrap - visite
http://localhost:9001/
en su navegadorhttp://localhost:9001/docs.html
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.
- Obtener Bootstrap 3 master zip
- Obtener Ruby 1.9.3
- Obtener DevKit
- Instale Python 2.7 y actualice la variable de entorno PATH con el directorio python
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 comandosruby dk.rb init
ruby dk.rb instalar
joya instalar jekyllDesinstalar 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"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 tenerRuby
,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