相关疑难解决方法(0)

如何在Bootstrap按钮下拉标题中显示所选项目

我在我的应用程序中使用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").

jquery twitter-bootstrap

155
推荐指数
8
解决办法
35万
查看次数

bootstrap亚马逊风格搜索栏

是否有一种简单的方法可以在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)

css navbar searchbar twitter-bootstrap twitter-bootstrap-3

6
推荐指数
2
解决办法
2万
查看次数