在Rails中实现Bootstrap Grid System遇阻，已尝试侧边栏局部视图方案

我最近在Rails项目里用Bootstrap Grid System时，碰到了个挺烦人的问题——每个视图都要复制侧边栏代码，不仅冗余后期维护也麻烦。为了摆脱这种重复劳动，我创建了一个侧边栏局部视图，下面是我在application.html.erb里落地的解决方案：

<div class="container-fluid">
  <div class="row-fluid">
    <div class="col-lg-8"><%= yield %></div>
    <div class="col-md-4"><%= render 'layouts/sidebar' %></div>
  </div> <!-- /.row -->
</div>

这个布局的核心思路很清晰：

• 用container-fluid做全屏适配的容器，row-fluid创建响应式行结构
• 主内容区域用col-lg-8，在大屏幕设备上占据8列宽度，<%= yield %>会自动渲染各个视图的内容
• 侧边栏区域用col-md-4，中等及以上屏幕占4列宽度，通过render 'layouts/sidebar'加载提前写好的局部视图，彻底避免在每个页面重复编写侧边栏代码

另外，我的index.html.erb开头会加上这样的注释来标记页面内容区：

<div...

这么设置之后，所有继承这个布局的视图都会自动带上侧边栏，再也不用重复复制代码啦！

内容的提问来源于stack exchange，提问作者Gerald Matthew Concepcion