Rails 4 Bootstrap - 下拉菜单

我有一个引导程序的rails 4应用程序。Rails 4 Bootstrap - 下拉菜单

我在我的application.js文件中需要bootstrap。

我正在尝试生成一系列下拉菜单，其中有一个贴图问题，插入符号和从下拉菜单中选择的答案。

恐怕没有任何我试图实现这一点的工作。

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

<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>

如果从列表中选择学生，然后一个标签旁边的问题和尖应该读的学生。

我试过了bootstrap javascript下拉页面上的两个选项。两者都没有工作。我不知道为什么我在列表项中有选项卡索引。我从这个论坛上的一个答案中复制了一个类似的问题。

请帮助，如果你知道如何。非常感谢。

来源

2014-05-24 Mel

你需要application.css –

没有bootstrap.css文件。我在一个名为frameworkandoverrides.css.scss的单独的css文件中导入@ bootstrap。该文件通过要求应用程序css – Mel

中的树来合并，您必须在application.css中需要bootstrap.css文件。否则不会显示他们的风格。 –

-1

附加引导到你的Gemfile

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

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

来源

2014-05-24 10:27:54

Rails 4 Bootstrap - 下拉菜单

回答

相关问题