bootstrap.cssのCSS属性がHerokuによって認識されていない

Question

私はRubyを初めて使っています。これは私の最初のstackoverflowに関する質問です（これまで私は以前の質問と答えを使っていましたが、これがばかげた質問であれば、私に言い訳をしてください。

私はHerokuとboostrap.cssの問題について投稿された他の質問を見たことがありますが、これはあまり間違いではありません。

私は最近、boostrap.cssが提供するスタイリングを使って、Rails 3アプリにトップナビゲーションバーを追加しました。ドキュメントでは、padding-top：40pxをcssファイルに追加して、ナビゲーションバー用のスペースを確保することをお勧めします。

ローカルホスト上でパッディングが正しく表示されますが、何らかの理由でヘロクでは機能しません。ブーストラップの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 /> 

Answer 1

を、私はあなたが資産のパイプラインを使用していることをキャッチしていません。それがあなたの問題です。あなたがコミットする前に、あなたの資産をプリコンパイルし、プッシュする必要があります。http://devcenter.heroku.com/articles/rails31_heroku_cedar

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

（注）青磁シーダーにしている場合は本当に便利ですスラグのコンパイル、上のあなたのためにこれを行いますいくつかのフックがあること。