CSS-атрибут из bootstrap.css не распознается Heroku - PullRequest
Новая
       8

CSS-атрибут из bootstrap.css не распознается Heroku

1 голос
/ 08 ноября 2011

Я новичок в ruby, и это мой первый вопрос stackoverflow (хотя я использовал предыдущие вопросы и отвечаю за тонну - спасибо сообществу stackoverflow за это!), Поэтому, пожалуйста, извините, если это глупый вопрос.

Я видел другие вопросы о проблемах с Heroku и boostrap.css, но это не столько прямая ошибка, сколько то, что работает не совсем так, как ожидалось.

Недавно я добавил верхнюю навигационную панель в свое приложение Rails 3, используя стили, предоставляемые boostrap.css. В документации они рекомендуют добавить padding-top: 40px в файл css, чтобы освободить место для навигационной панели.

Обивка выглядит правильно на localhost, но по какой-то причине не работает в Heroku. Остальная часть файла boostrap css выглядит правильно (цвета кнопок, атрибуты таблицы и т. Д.), Но я не могу сделать отступ. Простой обходной путь - добавить некоторые теги
вверху моего файла index.html, но я бы хотел понять, почему это происходит, если это свидетельствует о более крупной проблеме css.

Код, добавленный в файл bootstrap.css для заполнения: 

html, body {padding-bottom: 10px;
padding-right: 10px;   
padding-left: 10px;
padding-top: 40px; 
}

index.html код: 

<div class="topbar">
<div class="fill">
    <div class="container">
        <h3><%= link_to 'Your Book Club', homes_path %></h3>
        <ul>
            <li><%= link_to 'Home', homes_path %></li>
            <li class="active"><%= link_to 'Books', books_path %></li>
            <li><%= link_to 'Locations', locations_path %></li>
            <li><a href="#">Calendar</a></li>
      </ul>
      <form action="">
        <input type="text" placeholder="Search" />
      </form>
      <ul class="nav secondary-nav">
        <li class="menu">
            <a href="#" class="menu">Account stuff will go here</a>
            <ul class="menu-dropdown">
                <li><a href="#">Dolor sit</a></li>
                <li><a href="#">Amet Consequeter</a></li>
                <li class="divider"></li>
                <li><a href="#">Enough with the Latin</a></li>
            </ul>
        </li>
      </ul>
    </div>
</div>
</div>


<h1>Which books do you want to read as part of our book club?</h1>

<br />

<h3>Instructions:</h3>

<br />

<p>1. Vote for any of the books below that you'd like to read</p>

<br /><br/>

<p>2. And/or:

    <button type="submit" class="btn"><%= link_to 'Add a New Book', new_book_path %></button></p>

    <br /><br/>

<p>3.

    <button type="submit" class="btn info"><a href="./locations">Vote on     Locations</a></button> 


            <br /><br />

<table class="zebra-striped">
<tr>
<th>Title (Click name to see description)</th>
<th>ISBN</th>
<th>How many votes does it have?</th>
<th>Vote for this book</th>
<th></th>
</tr>


<% @books.each do |book| %>
<tr>

<td><%= link_to book.title, book %></td>
<td><%= book.isbn %></td>
<td><%= pluralize(book.votes.length, "vote") %></td>
<td><%= link_to '+1', votes_path(:book_id => book.id), :method => :post %></td>  
<td><span class="label important"><%= link_to 'Delete', book, confirm: 'Are you sure?',             
                method: :delete %></span></td>
  </tr>
<% end %>

</div>

</table>

<br />

1 Ответ

4 голосов
/ 08 ноября 2011

Я не понял, что вы используете Asset Pipeline. Вот в чем твоя проблема; вам нужно предварительно скомпилировать свои активы перед тем, как совершить коммит и нажать: http://devcenter.heroku.com/articles/rails31_heroku_cedar

bundle exec rake assets:precompile
git ci -a -m "Compile assets for production"
git push

Обратите внимание, что если вы используете Celadon Cedar, есть несколько хуков, которые сделают это для вас при компиляции слагов, что действительно удобно.

...