页面高度仅在刷新时扩展，而不是初始加载（Bootstrap）

Question

当我第一次加载页面时，我在其中的表是空的，页面/页脚/等。将会出现并坐在它下面，而不是像我想的那样延伸到视口的底部。但是，当我刷新时会发生这种情况。

我有表单助手来加载主布局的内容。他们每个都在容器标签中。我尝试了将我的元素/ div设置为高度的许多不同组合：100％但没有效果。他们仍然只是在刷新后看起来更接近我想要的方式。发生在多个浏览器上。 Rails 5 Ruby 2.3.1

在我的application.html.erb中：

    <div class=<%= (defined? @home) ? "home" : "pages" %>>
    <div id="page-wrapper" class="page-wrapper" >       
        <%= bootstrap_flash %>        
        <%= yield %>   
    </div> 
    <%= render "footer" %>

CSS：

    .home #page-wrapper {
      padding-left: 0px;
      margin: 0 0 0 0px!important;
    }
    .footer {
    height: 60px;
    position: relative;
    bottom: 0;
    border-top: 1px solid transparent;
    border-top-color: #e7e7e7;
    margin: auto;
    }

如果我能提供任何其他信息，请告诉我。