Question

我的应用程序设置为我的application.html.erb如下：

<body>
    <%= render 'layouts/header' %>
    <div class="container">
      <% flash.each do |key, value| %>
        <%= content_tag(:div, value, class: "alert alert-#{key}") %>
      <% end %>
      <%= yield %>
      <%= render 'layouts/footer' %>
      <%= debug(params) if Rails.env.development? %>
    </div>
</body>

这意味着我拥有的每个视图都在容器类中，这将宽度限制为bootstrap 2.x的默认值！这对我迄今为止所做的一切都很好，但在特定的视图中，我有一些行，我真的想要占用全屏宽度，但我不知道如何去做。我尝试过以下但是没有用。

在我看来：

<div id="full-row">
  my view here
</div>

在我的custom.css文件中，我有以下内容：

#full-row{
  max-width: 1920px;
  margin: 0px auto;
}

这可能是非常基本的东西，但CSS无论如何都不是我的强项。任何帮助将不胜感激。

Answer 1

这就是我最终设法解决这个问题的方法。

在我的custom.css中，我创建了以下内容：

.container-wide{
  max-width: 1980px;
  min-width: 1024px;
  margin: 0px 30px 0px 30px;
}

除了上述内容之外，我还更改了视图，以便从application.html.erb文件中删除该行，而是在每个视图中打开并关闭div，并在需要时使用容器范围。

Rails：某些行的Bootstrap和容器宽度不同

1 个答案: