Rails 5 + Bootstrap 3 - 对登陆页面上的部分使用整个页面宽度答案

【问题标题】：Rails 5 + Boostrap 3 - Use full page width for sections on landing pageRails 5 + Bootstrap 3 - 对登陆页面上的部分使用整个页面宽度
【发布时间】：2019-06-27 20:28:15
【问题描述】：

技术：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 类中。

如何仅自定义一个视图，使其具有占据整个页面宽度的彩色部分？

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap layout

【解决方案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

【讨论】：

谢谢你，巴勃罗！这工作得很好。感谢您的回答，我在这里找到了文档：guides.rubyonrails.org/…