1

Twitterのようなアプリを作成するためにブートストラップを使用しています。ウィンドウのサイズを小さくすると、「nav pull-right」の下のナビゲーション バーの内容が消えます。それ、どうやったら出来るの?これが私のerbファイルです..

<header class="navbar navbar-fixed-top navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
      <%= link_to "cntwitter", root_path, id: "logo" %>
      <nav>
        <ul class="nav pull-right" id="right_nav">
          <li><%= link_to "Home", root_path %></li>
          <% if signed_in? %>
            <li><%= link_to "Users", users_path %></li>
            <li id="fat-menu" class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Account <b class="caret"></b> </a>
              <ul class="dropdown-menu">
                <li><%= link_to "Profile", current_user %></li>
                <li><%= link_to "Settings", edit_user_path(current_user) %></li>
                <li class="divider"></li>
                <li>
                  <%= link_to "Sign out", signout_path, method: "delete" %>
                </li>
              </ul>
            </li>
          <% else %>
            <li><%= link_to "Sign in", signin_path %></li>
          <% end %>
        </ul>
      </nav>
    </div>
  </div>
</header>
4

1 に答える 1

0

Twitter のブートストラップの足場 (グリッド) は、デフォルトでは静的です。Web ページのコンテンツをブラウザ ウィンドウに合わせて拡大縮小する必要があるようです。その場合、「流動的な」足場を使用することをお勧めします :: http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem

于 2012-12-31T16:23:42.397 に答える