我使用的是 Rails 4，但我对 css 有疑问:
在我的 application.html.erb 中有一个 below-navbar 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>
谢谢， 弥敦道
最佳答案
尝试将 div container-fluid 放在 yield 语句周围的应用程序 Controller 布局中，然后将其从元素模型中取出，然后它将应用于所有模型。只需将颜色 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>关于html - CSS - Rails 4 - Bootstrap -，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30400939/