Question

技术：Rails 5.2.2，Bootstrap 3.3.7

在我的application.html.erb布局中，我有以下代码：

<body>
  <div class="site-body">
    <div class="container">
      <%= yield %>
    </div>
  </div>
</body>

我的视图中的内容由于固定在Bootstrap的container类中而具有固定的宽度。我希望其中一个页面上的某些彩色部分占据整个页面的宽度，但是事实证明这很困难，因为我的所有视图内容都包装在container类中。

如何仅自定义一个视图以使彩色部分占据整个页面宽度？

Answer 1

您可以创建新的布局：

layouts / full-width.html.erb

<body>
  <div class="site-body">
    <div class="container-fluid">
      <%= yield %>
    </div>
  </div>
</body>

您只能在某些页面上使用它：

class SomeController < ApplicationController
  layout 'full-width', only: [:full_with_page]

  def full_with_page
    ....
  end

end