<% yield %> 旁边的浮动侧边栏答案

【问题标题】：Floating sidebar next to <% yield %><% yield %> 旁边的浮动侧边栏
【发布时间】：2013-06-30 12:49:56
【问题描述】：

我正在尝试将侧边栏导航浮动为我的 rails 应用程序中的一部分。这是我的应用程序布局的相关部分：

<body>
  <%= render 'layouts/header' %>
      <% flash.each do |name, msg| %>
      <%= content_tag :div, msg, :id => "flash_#{name}" %>
      <% end %>
  <%= render 'layouts/sidebar' %>
    <div class="container">
      <%= yield %>
      <%= render 'layouts/footer' %>
    </div>

</body>

我在这个应用程序中使用 Twitter 引导程序，仅供参考。我预计这会呈现在之上，但我不知道如何渲染侧边栏浮动在 yield 旁边。我怎样才能做到这一点？我还没有将任何自定义 CSS 应用到侧边栏。我已将“sidebar-nav-fixed”类应用于包含侧边栏内容的 div。提前致谢！

【问题讨论】：

标签： ruby-on-rails erb partial yield

【解决方案1】：

请查看http://twitter.github.io/bootstrap/scaffolding.html#fluidGridSystem。可能是这样的：

<body>
  <%= render 'layouts/header' %>
      <% flash.each do |name, msg| %>
      <%= content_tag :div, msg, :id => "flash_#{name}" %>
      <% end %>
    <div class="container">
      <div class="row-fluid">
          <div class="span4"><%= render 'layouts/sidebar' %></div>
          <div class="span8"><%= yield %></div>
      </div>
      <%= render 'layouts/footer' %>
    </div>
</body>

【讨论】：

谢谢！我最终做了一些与您提供的引导文档链接不同的事情。在我下面的回答中。看来我有很多关于引导程序的知识。再次感谢！
非常好！是的，您必须根据自己的要求选择课程，我所介绍的只是您如何解决问题的一个示例。

【解决方案2】：

从 vinodadhikary 的某个方向来看，这是有效的：

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span2">
      <!--Sidebar content-->
    </div>
    <div class="span10">
      <!--Body content-->
    </div>
  </div>
</div>

【讨论】：