0

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 %> を超えてレンダリングされることを期待していましたが、yield の横にフローティング サイドバーをレンダリングする方法がわかりません。これどうやってするの？カスタム CSS をサイドバーにまだ適用していません。サイドバーのコンテンツを含む div に「sidebar-nav-fixed」のクラスを適用しました。前もって感謝します！

4

2 に答える 2

0

vinodadhikary によるいくつかの指示から、これが機能したものです。

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span2">
      <!--Sidebar content-->
    </div>
    <div class="span10">
      <!--Body content-->
    </div>
  </div>
</div>
于 2013-07-03T00:50:38.413 に答える
0

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>
于 2013-07-03T00:06:19.993 に答える