La ventaja de usar la segunda, es que como todo en rails, ofrecen una mejor forma de escribir el código, ahorrándonos líneas de código y presentando más elegante todo nuestro layout, pero en mi caso, opté por usar la desarrollada por el propio framework, debido a que muchas veces, yo trabajo con un diseñador para el frontend, al entregarme el maquetado, viene con la sitaxis pura del framework, por lo cual, al implementar la que está optimizada para rails, significaría una inversión nueva de tiempo, para reestructurar los contenidos del layout, sin mencionar que estoy mucho más familiarizado en la estructura original.
1.- Dar de alta la gema de rails en nuestro archivo gemfile, abriendo dicho archivo que se encuentra en la raíz y escribiendo: gem 'bootstrap-sass'
 |
| (clic para agrandar) |
2.- Corremos el bundle install
 |
| (clic para agrandar) |
3.- Agregamos la línea //= require bootstrap que hace referencia a la librería javascript en application.js siguiendo la ruta: app/assets/javascript/application.js
 |
| (clic para agrandar) |
4.- Rails usa SASS, por lo cual deberemos cambiar la extensión de nuestro archivo css de la aplicación, una forma sería en la línea de comandos con mv, la otra simplemente en sublime, cambiando .css por .scss
 |
| (clic para agrandar) |
5.- Finalmente integraremos bootstrap al SCSS, con la línea @import "bootstrap"; en app/assets/stylesheets/application.scss
*Nota:
Muchas veces, algunos componenetes, como los glyphicon no cargar correctamente una vez terminado el preceso, es por eso, que la línea se complementa importando también:
@import "bootstrap-sprockets"; @import "bootstrap";
 |
| (clic para agrandar) |
De esta manera, Bootstrap quedó implementado en nuestra aplicación de Rails y podemos hacer uso de él sin ningún problema.
No hay comentarios:
Publicar un comentario