Javascript Rails 4引导-下拉菜单

Javascript Rails 4引导-下拉菜单,javascript,ruby-on-rails,twitter-bootstrap,Javascript,Ruby On Rails,Twitter Bootstrap,我有一个带引导的rails 4应用程序 我在application.js文件中需要引导 我正在尝试生成一系列下拉菜单,其中包含一个平铺问题、一个插入符号和一个从下拉菜单中选择的答案 恐怕我试图实现的一切都毫无效果 请有人给我一些如何实施的步骤和例子。举例来说,我希望有一系列字段遵循以下格式: <div class="row"> <div class="col-md-8"> <div class="btn-group"> <button

我有一个带引导的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下拉页面上尝试了这两个选项。两者都不起作用。我不确定为什么列表项中有选项卡索引。我从这个论坛上一个类似问题的答案中复制了这一点


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

将引导添加到您的文件中

在application.js中添加//=需要引导


添加@import bootstrap;在application.css.scss

中,是否需要application.cssno中的bootstrap.css文件。我将@bootstrap导入一个名为frameworkandoverrides.css.scss的单独css文件中。该文件通过要求应用程序中的树CSSY合并。您必须要求application.css中的bootstrap.css文件。否则它就不会显示他们的风格。我已经拥有了所有这些东西。导入我的css是因为它位于名为“framework and overrides.css.scss”的文件中。之所以包含该文件,是因为我需要应用程序css.scss中的树。还有其他想法吗?