1

我遇到了 twitter/bootstrap 下拉菜单样式不正确的问题。我在 Rails 3 中，使用 bootstrap-sass gem。下拉菜单功能正常，当我单击按钮时会下降，但没有样式。

基本上它看起来像这样：

当它应该看起来像这样：工作

这两张截图是从大约两个月前从同一个代码库分叉的不同应用程序中截取的。它们具有相同的自定义 CSS 样式，其中任何一个都不会影响下拉菜单，并且工作的只是导入警报、折叠、下拉、模态和转换引导插件，而损坏的则使用一体化引导插件。 js。我尝试删除 bootstrap.js 并仅用这些插件替换它，但问题仍然存在。

下拉菜单也以相同的方式调用，通过局部渲染。

渲染：

<%= render :partial => 'layouts/dropdown', :locals => { :space => true, :collection => @statuses, :title => "Set Status", :subtitle => "Statuses:", :label => ->s{s}, :value => ->s{"&status=" + s}, :path => set_status_tickets_path, :id => "ticket-status", :type => :note } %>

部分：

<div class="btn-group pull-right toggleCheck" style="display:none;" id='<%= id %>'>
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><%= title %><span class="caret"></span></a>
  <ul class="dropdown-menu" style="right: 0; left: auto;">
      <% if type == :search %>
        <li style="padding:5px 10px;"><input class="drop-search focus-open hold" type='text' placeholder='Search' style="margin:0px;"></li>
      <% elsif type == :note %>
        <li style="padding:5px 10px;"><textarea placeholder='Status notes' class="hold focus-open note-box" rows="4" style="margin:0px; resize: none;"></textarea></li>
      <% end %>
    <li style="padding:5px 10px; font-weight:700;"><%= subtitle %></li>
    <div class="choices">
    <% collection.each do |c| %>
      <li><%= link_to (label.(c) + '<span class="comment"></span>').html_safe, '#', :value => value.(c), :path => path, :iden => label.(c).downcase.gsub(/\s/, '-') %></li>
    <% end %>
    </div>
  </ul>
</div>

谁能阐明我在这里可能做错了什么？这也是我的第一个问题，所以如果我做错了什么或没有包含足够的信息，请告诉我。谢谢！

4

1 回答 1

0

我想通了，问题出在<div class="choices">. 出于某种原因，在一个项目中，它没有从 继承样式dropdown-menu，而在另一个项目中却是。

该类choices由 javascript 函数（用于选择）使​​用，因此摆脱它不是一种选择。对于一个有点笨拙的解决方案，我只是将choices类添加到引导程序的 CSS 中的适当位置。

于 2013-05-29T20:10:01.053 回答