Como configurar Bootstrap no Ruby on rails

Quero usar Bootstrap no meu projeto do rails, mas estou com problemas de configuração e a página não está carregando mais. Como resolvo isso?

1 curtida

Para configurar o Bootstrap no Ruby on rails tem três passos simples:

  • Adicionar gem do Bootstrap no Gemfile;
  • Executar a instalação da gem;
  • Adicionar os Assets do Bootstrap ao application.

Adicionando gem Bootstrap no Gemfile

Com o arquivo Gemfile aberto, adicione a linha de código abaixo:

gem ‘bootstrap-sass’

Instalando a gem do Bootstrap

Com o seu terminal aberto na pasta em que está o seu projeto, rode o seguinte script para instalar a Gem do Bootstrap e qualquer outra gem que ainda não tenha sido instalada e que pode estar causando o erro:

bundle install

Adicionar Assets Javascript do Bootstrap ao application

Após a instalação da gem, renomeie o arquivo application.css para application.css.sass, que fica na pasta app/assets/stylesheets. Em seguida, importe o Bootstrap para o application.css.sass através das linhas de código abaixo:

@import “bootstrap-sprockets”
@import “bootstrap”

Após este passo, acesse o arquivo application.js na pasta app/assets/javascripts e adicione as linhas de código abaixo:

//= require jquery 
//= require jquery_ujs 
//= require bootstrap-sprockets 

Com estes passos completados, reinicie o seu servidor local através do rails s e as classes e estilos do Bootstrap devem funcionar.