Ruby com Bootstrap Style
1-Criar a WebApp
rails new articles
2-Entrar :
cd articles
3-Abrir o ficheiro para as gemas :
pico Gemfile
e adicionar as Gems :
# inserir
gem "therubyracer"
gem "less-rails"
gem "twitter-bootstrap-rails"
Gravar...
4 - Para Instalar as gemas digitar(terminal):
bundle install
5- Instalar o botstrap:
rails g bootstrap:install
6-Vamos gerar o layout:
rails g bootstrap:layout application fixed
7 - Gerar o scaffolding(CRUD) com os campos titulo e corpo mensage
rails g scaffold articles title:string body:text
8-Migrar a base de dados:
rake db:migrate
//Para Corrigir o Css
da pagina
Abrir -> app/assets/stylesheets/bootstrap_and_overrides.css.less
e colocar :
@import "twitter/bootstrap/bootstrap";
body{
padding-top: 60px;
}
@import "twitter/bootstrap/responsive";
fechar e gravar
9- Correr o servidor:
rails s
10- Agora Gerar o tema para os articulos
rails g bootstrap:themed articles -f
11- eh Voilá
rails server :)
para alterar a caixa de texto para multiplas linhas:
ir views/articles/_form.html.erb
<%= f.text_field :body, :class => 'text_field' %>
mudar:
<%= f.text_area :body, :class => 'text_field' %>
12 -Gravar.
rails s
Comentários
Enviar um comentário