sábado, 13 de julio de 2013

Twitter Bootstrap 3 WIP - Instalación


Para instalar la última versión estable de Bootstrap 3 sigue este tutorial:


Twitter Bootstrap 3 Estable Instalación



1.- Clonar el repositorio de github

git clone -b 3.0.0-wip https://github.com/twitter/bootstrap.git
cd bootstrap


2.- Instalar NodeJS

sudo apt-get update
sudo apt-get upgrade
sudo apt-get install python build-essential
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs

3.- Instalar dependencias

sudo npm install

4.- Compilar CSS, JS, Fonts

make bootstrap

5.- Copiar la carpeta bootstrap a la carpeta lib del proyecto para comenzar a usarla

cp bootstrap /carpeta/del/proyecto/lib

6.- Agregar dentro de la etiqueta head la referencia hacia el único archivo css minificado en el archivo base.html.twig

<head>
<link rel="stylesheets" src="lib/bootstrap/bootstrap.min.css"
</head>

7.- Antes de terminar de la etiqueta body colocar la referencia hacia el único archivo js minificado en el archivo base.html.twig

<body>
<!-- Todo el código hasta aquí -->
<script src="lib/bootstrap/bootstrap.min.js"></script>
</body>