부트 스트랩 드롭 다운이 제대로 스타일 지정되지 않음

Question

트위터/부트 스트랩 드롭 다운이 제대로 표시되지 않는 문제가 있습니다. 나는 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> 

사람이 내가 잘못 여기 일을 할 수있는 무엇에 도움이 되거 수 있습니까? 또한 이것은 첫 번째 질문이기 때문에 잘못된 정보를 입력했거나 정보가 충분하지 않은 경우 알려주십시오. 감사!

Answer 1

내가 알아 낸 문제는 <div class="choices">입니다. 한 프로젝트에서 어떤 이유로 인해 스타일이 dropdown-menu에서 상속되지 않았으며 다른 스타일에서는 그렇지 않았습니다.

choices 클래스는 자바 스크립트 함수 (선택)에서 사용되므로 제거하는 것은 옵션이 아닙니다. 다소 엉뚱한 해결책을 위해, 적절한 위치에 부트 스트랩의 CSS에 choices 클래스를 추가하기 만하면됩니다.