我在我的应用程序中使用bootstrap Dropdown组件,如下所示:
<div class="btn-group">
<button class="btn">Please Select From List</button>
<button class="btn dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" href="#">Item I</a></li>
<li><a tabindex="-1" href="#">Item II</a></li>
<li><a tabindex="-1" href="#">Item III</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Other</a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
我想将所选项目显示为btn标签.换句话说,将"请从列表中选择"替换为已选择的列表项("项目I","项目II","项目III").
是否有一种简单的方法可以在bootstrap中执行类似的操作?带有下拉选择器的搜索栏,用于其他类别?我一直在查看他们的文档,类似于此,但下拉链接附加到搜索栏是我正在寻找的.我希望它成为我的导航栏的一部分.我记得在网上看到一个例子,但现在似乎无法找到它.还想知道此刻与我的标题相关的位置

<header class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<nav>
<ul class="nav pull-left">
<li><%= link_to 'New Review',
if (current_user)
new_review_path
else
log_in_path
end %></li>
</ul>
</nav>
<nav>
<ul class="nav pull-right">
<li><%= link_to "Home", '/' %></li>
<li><%= link_to "Help", '#' %></li>
<% if current_user %>
<li><%= link_to "Log out", log_out_path %>
<% else %>
<li><%= link_to "Sign up", sign_up_path %></li>
<li><%= link_to "Log in", log_in_path %></li>
<% end %>
</ul>
</nav>
</div>
</div>
</header>
Run Code Online (Sandbox Code Playgroud)