在Rails 4中引导程序导航崩溃时更改导航菜单

时间:2014-07-22 11:13:35

标签: jquery html css twitter-bootstrap ruby-on-rails-4

对于我的Web应用程序,我有一个用于我的Rails 4应用程序的引导程序导航菜单。在用户登录时的导航中,他会看到一个下拉列表,其中包含用户名和所有要选择的选项。一切正常。我的问题是,当菜单崩溃时,我可以使用不同的菜单项吗?

因此,不仅仅是在菜单中有下拉菜单,是否可以在导航中使用不同的菜单项?我实际上是在尝试显示正常导航下拉列表中的项目,以便用户在折叠菜单时尝试访问时没有额外的步骤。

我已在下面发布了我的代码:

<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a><%= link_to "Idea", root_path, :class => 'navbar-brand' %></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <% if user_signed_in? %>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><%= @user.username %><b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu">
                            <li><%= link_to 'Manage account', settings_path %></li>
                            <li><%= link_to 'Edit account', edit_user_registration_path %></li>
                            <li><%= link_to "Sign out", destroy_user_session_path, :method => :delete %></li>
                    </ul>
                <% else %>
                    <li><%= link_to "Sign in", new_user_session_path %></li>
                    <li><%= link_to "Sign up", new_user_registration_path %></li>
                <% end %>
            </ul>
        </div>
    </div>
</nav>

0 个答案:

没有答案