Rails 4 Bootstrap - 下拉菜单

Question

我有一个带有引导程序的 rails 4 应用程序。

我的 application.js 文件中需要引导程序。

我正在尝试制作一系列下拉菜单，其中包含一个平铺问题、一个插入符号和一个从下拉菜单中选择的答案。

恐怕我尝试实施的任何方法都没有奏效。

请有人给我如何实现这一点的步骤（和示例）。举例来说，我希望有一系列遵循这种格式的字段：

<div class="row">
    <div class="col-md-8">

<div class="btn-group">
    <button class="btn">I am a:</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="#">Student</a></li>
   <li><a tabindex="-1" href="#">Academic</a></li>
   <li><a tabindex="-1" href="#">SME</a></li>
   <li><a tabindex="-1" href="#">Corporate</a></li>
   <li><a tabindex="-1" href="#">Grantor</a></li>
   <li><a tabindex="-1" href="#">Investor</a></li>
   </ul>
</div>

如果您从列表中选择学生，则问题和插入符号旁边的标签应为学生。

我在引导 javascript 下拉页面上尝试了这两个选项。两者都没有奏效。我不确定为什么我在列表项中有标签索引。我从这个论坛上与类似问题相关的一个答案中复制了这一点。

如果你知道怎么做，请帮忙。非常感谢。

Answer 1

将引导程序添加到您的 gemfile

在你的 application.js 中添加 //= require bootstrap

在你的 application.css.scss 中添加 @import "bootstrap";