Rails 4 Bootstrap-下拉菜单

Question

我有一个带有Bootstrap的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

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