Question

我正试图在我的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引导程序，fyi。我希望这能够呈现在＆lt;％yield％＆gt;之上，但我无法弄清楚如何渲染侧边栏浮动到yield旁边。我怎样才能做到这一点？我还没有在侧边栏上应用任何自定义css。我已经将“sidebar-nav-fixed”类应用于包含侧边栏内容的div。提前谢谢！

Answer 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>

Answer 2

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

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

＆lt;％yield％＆gt;旁边的浮动侧边栏

2 个答案: