如何制作全宽度的超大尺寸？

如果你看看twitter-bootstrap网站，他们的jumbotron会触及他们的nav-header 。 这就是我想要复制的东西。

我将它添加到我的估值索引的顶部，如下所示：

 
 
 
Values subjective, put here whatever inspires you. 
 
  

我也尝试过没有容器，即使bootstrap说，

“为了使jumbotron全宽，没有圆角，将它放在所有.container之外，而是在其中添加.container。”

是因为我的application.html.erb被分解为列，所以jumbotron只会扩展到col-md-9的宽度？

我尝试放入自己的部分，但是在nav-header和jumbotron有我不想要的填充。 就像我说的，我希望它像引导网站一样 。 部分的另一个问题是我需要很多它们因为我想根据页面改变jumbotron的单词。

我们怎么能像bootstap一样呢？

谢谢你的时间！

Answer 1

是的，这是因为<%= yield%>呈现的内容都包含在col-md-9 。 你可以：

1. 关闭col-md-9 ，在您想要拥有全宽jumbotron的视图中，并在页脚中重新打开它。
2. 如果大多数视图需要扩展到全宽，请不要在application.rb使用col-md-9。

编辑：

为避免重复，您可以将jumbotron样式粘贴到layouts/header和container-fluid ，并使用变量将页面特定文本填充。 这就是我的意思：

 <%= render 'layouts/header' %> <% flash.each do |name, msg| %> <%= content_tag(:div, msg, class: "alert alert-info") %> <% end %> 
 
 <%= @jumbotext %>  
 
 
 
  
 ...