CSS - Rails 4 - 引导程序 -答案

【问题标题】：CSS - Rails 4 - Boostrap -CSS - Rails 4 - 引导程序 -
【发布时间】：2015-05-22 15:48:07
【问题描述】：

我正在使用 rails 4，但我遇到了 css 问题：我的application.html.erb 中有一个位于导航栏下方的 div，它的大小应该适合窗口大小；它适用于除一种之外的所有布局。

这是我的application.html.erb：

<head>
  <title><%= yield(:title).presence || "Krawd" %></title>
  <meta name="description" content="<%= (yield(:description).presence || "").squish %>">

  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <%= favicon_link_tag 'favico.png' %>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <%= stylesheet_link_tag :application, media: "all" %>

  <%= yield(:stylesheets) %>
  <%= csrf_meta_tags %>
</head>
<body>
  <%= render "shared/navbar" %>
  <%= render "shared/flashes" %>
 <!--  <div class="animation-loader padded">
    <span class='loading style-1'></span>
  </div> -->
  <div class="below-navbar">
    <%= yield %>
  </div>


  <%= javascript_include_tag :application %>
  <%= yield(:after_js) %>
</body>
</html>

这是不起作用的布局：

<div class="container-fluid bg-grey">   

  <h1>New project</h1>
    <%= render 'form' %>
</div>

谢谢，内森

【问题讨论】：

该布局是唯一包含在 container-fluid 类的 div 中的布局吗？如果是这样，那可能就是原因。
不，还有很多其他的。我已经尝试过改变它。它没有解决问题。

标签： html css ruby-on-rails twitter-bootstrap

【解决方案1】：

尝试将 div container-fluid 放在 yield 语句周围的应用程序控制器布局中，然后将其从项目模型中取出，然后它将应用于所有模型。只需将颜色 CSS 留在那里即可。

<body>
<dix class = "container-fluid"> # HERE
  <%= render "shared/navbar" %>
  <%= render "shared/flashes" %>
 <!--  <div class="animation-loader padded">
    <span class='loading style-1'></span>
  </div> -->
  <div class="below-navbar">
    <%= yield %>
  </div>


  <%= javascript_include_tag :application %>
  <%= yield(:after_js) %>
</div> # HERE
</body>

【讨论】：