Usando Twitter-bootstrap no meu blog

De fato o trabalho com gems no rails é fantástico. Poder modularizar até assets em um projeto de forma simples como farei aqui é um alívio pra quem já trabalhou em projetos que tinham inúmeras linhas fazendo referências a arquivos javascripts e css.

Eu vou usar uma gem chamada twitter-bootstrap-rails, que fará o trabalho pesado para mim.

Para isto, basta inserir no arquivo Gemfile a seguinte linha:

gem "twitter-bootstrap-rails"

 

Salvamos o arquivo e pedimos ao bundle para instalar a gem em questão:

jackson@jackson:~/www/app_rails/blog
master$ bundle install

 

Agora eu peço a gem para que gere os assets necessários para mim:

jackson@jackson:~/www/app_rails/blog
master$ rails generate bootstrap:install static

 

Agora vamos criar a página layout application para que funcione com a gem

jackson@jackson:~/www/app_rails/blog
master$ rails g bootstrap:layout application fluid
conflict app/views/layouts/application.html.erb
Overwrite /var/www/app_rails/blog/app/views/layouts/application.html.erb? (enter "h" for help) [Ynaqdh] y
force app/views/layouts/application.html.erb
jackson@jackson:~/www/app_rails/blog

 

Agora é só eu iniciar o servidor e acessar a aplicação pelo navegador para ver a mágica:

Captura de tela de 2014-01-20 00:52:05

Janela maximizada

Captura de tela de 2014-01-20 00:52:48

Janela restaurada

 

 

2 comentários sobre “Usando Twitter-bootstrap no meu blog
  1. seria interessante se mostrar como gerar as views ja usando o bt

  2. Jackson Bicalho disse:

    Fala Alexandre, a ideia foi passar como o “treco” funciona. Existem algumas gems que fazem isso: https://alinecaton.wordpress.com/2013/02/25/criando-um-projeto-rails-usando-twitter-bootstrap/

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

*