Twitter Bootstrap en CAKEPHP

En esta oportunidad la explicare cómo integrar Boostrap en  Cakephp 2.0

Lo primero a tener en cuenta de donde descargar Boostrap http://twitter.github.com/bootstrap/

 

La estructura de directorios es la siguiente.


Esto sería la implementación básica  tendríamos que agregar más scripts según el  componente que necesitemos, la vista actual de nuestro proyecto para el caso un una página de blog  es el siguiente.

Una vez descargados los componentes los copiamos según el orden bajo nuestro directorio webroot.

Luego vamos a Views/Layout/default.ctp creamos una copia.

Bajos  la siguiente url. http://twitter.github.com/bootstrap/getting-started.html#examples con el fin de tomar el codigo fuente como base para nuestro proyecto  y remplazamos el código del archivo default.ctp

Ahora agregamos las librerías que descargamos previamente.

Primero en  el header el css nos debería quedar algo asi.

 

Agregando las librerias de java scritp tendremos algo similar.

 

con esto habremos cambiado el estilo del proyecto si todo salio bien tendriamos que ver.

 

Si vamos a la vista  View/Post/index.ctp lo modificamos segun la documentacion de booststrap tendremos el siguiente resultado.

 

De esta manera tendremos implementada las librerias espero les sea de utilidad.

 

 

 

 

 

Añadir nuevo comentario

Resumen Firma

Carlos Hernan Aguilar Hurtado

Desarrollador WEB

Hola,Soy ingeniero informático radicado en la ciudad de Santiago de Cali orientado al trabajo con soluciones WEB, apasionado por la tecnología siempre en la búsqueda de herramientas y alternativas para mejorar el resultado de los objetivos que se presentan con el día a día.

Carlos Hernan Aguilar Hurtado