2013-03-28 55 views
0

我有一個twitter/bootstrap下拉不正確樣式的問題。我在Rails 3中,使用bootstrap-sass gem。下拉菜單功能正常,當我點擊按鈕時下來,但沒有風格。引導程序下拉不正確

基本上它看起來是這樣的:broken

當它應該是這樣的:working

這兩張截圖被帶到不同的應用程序的分叉大約兩個月前從相同的代碼庫。它們具有相同的自定義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> 

任何人都可以擺脫對我可能是錯在這裏做一些輕?這也是我的第一個問題,所以如果我做了錯誤的事情或者沒有提供足夠的信息,請告訴我。謝謝!

+0

我的猜測是呈現的HTML是不同的。看起來好像破損版本中沒有錨點。向我們展示一個示例列表元素。 – isherwood

+0

列表元素也是相同的,實際上,整個下拉菜單中的ul都具有相同的類和樣式:

  • Completed
  • XanderStrike

    回答

    0

    我想通了,問題出在<div class="choices">。出於某種原因,在一個項目中,它不是繼承dropdown-menu的風格,而是在另一個項目中。

    choices類用於javascript函數(用於選擇),所以擺脫它不是一個選項。對於一個有點笨拙的解決方案,我只是將choices類添加到引導程序的CSS在適當的位置。