Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Bootstrap

Referente ao curso Ruby on Rails 4: do zero à web

por leandrohendrix
| 237.6k xp | 141 posts

Srs,

não consigo aplicar os style do bootstrap na minha pagina, segue minhas configurações:

Gemfile

group :assets do
   #Bootstrap e root url
   gem 'twitter-bootstrap-rails'
end

Comandos executados para configurações:

  • Executar: rails blundle
  • `rails g bootstrap:install static'

Novos diretórios foram criados em C:\Sites\todo\app\assets images javascripts stylesheets

Mas uma simples configuração não é aplicada na minha pagina

<table class="table" >
        <thead>
            <tr>
                <th>Nome</th>
                <th>Descrição</th>
                <th>Preço</th>
                <th>Quantidade</th>            
            </tr>
        </thead>
        <tbody>
            <% @produtos_por_nome.each do |produto| %>
            <tr>
                <td><%= produto.nome %></td>
                <td><%= produto.descricao %></td>
                <td><%= produto.preco %></td>
                <td><%= produto.quantidade %></td>
            </tr>
            <% end %>
        </tbody>
    </table>

Obrigado.

2 respostas
por leandrohendrix
| 237.6k xp | 141 posts

Srs, eu achei um erro que talvez seja a causa. O servidor não consegue localizar os diretórios do bootstrap, segue os erros apresentado no html:

GET http://localhost:3000/stylesheets/default.css GET http://localhost:3000/javascripts/default.js

Se alguém puder ajudar eu agradeço

solução!
por leandrohendrix
| 237.6k xp | 141 posts

Srs, após muito esforço eu consegui identificar o erro na minha aplicação, eu vou deixar a solução aqui caso alguém se depare que a mesma situação:

No arquivo Gemfile incluir a linha:

#Bootstrap e root url   
gem 'twitter-bootstrap-rails'

No arquivo application em, Sites\loja\app\views\layouts configurar da seguinte forma:

<!DOCTYPE html>
<html>
<head>
  <title>Loja</title>
  <%= stylesheet_link_tag    'application.css', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application.js', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

Erro na minha aplicação estava nesse arquivo, eu estava usando "default" ao invés de application.css e application.js

Após essas configurações podemos executar os seguinte comandos:

$ bundle
$ rails g bootstrap:install static

Abraço