Zurb Foundation 드롭 다운 버튼에 드롭 삼각형이 표시되지 않습니다.

Question

저는 Zurb 's Foundation을 처음 접했고 특이한 특질을 경험했습니다. 양식에 드롭 다운 버튼을 배치하고 '상태 선택 도구'로 사용하고 있습니다. 그러나 어떤 드롭 다운 버튼 스타일, 크기 또는 색상을 선택 하든지 드롭 다운 '삼각형'이미지는 표시되지 않습니다. 마찬가지로 버튼에 대한 호출은 Rails 3 메소드에서 수행되며 옵션은 도우미 파일에서 해제됩니다.

<div class="large-2 columns"> 
    <%= f.select :billing_state, options_for_select(us_states), {}, 
     :class => "small radius button dropdown" %> 
    </div> 

여기 사진 참조 : 다음은 코드입니다

<a href="#" class="small radius button dropdown">foo</a> 

:

내가 확인한는 일반 HTML 드롭 다운 단추 요청과 같은 페이지에 작동하는지

여기를 참조하십시오 :

나는 혼란에 빠졌습니다! 나는 'split split & triangle'이없는 'Split Button'도 시도해 보았습니다. 어떤 아이디어? 건배!

Answer 1

Zurb은 html 출력을 선택하는 레일과 완전히 다른 스타일을 사용합니다. 클래스를 select 메소드에 전달해도 실제로 도움이되지 않습니다. 나는 Zurb과 드롭 다운을 사용할 때 내 프로젝트에서 수동으로 html 코드를 작성해야한다는 것을 알았다.

나는 폼 헬퍼와 Zurb 사이의 상호 작용이 Twitter Bootstrap과 같이 간단하지 않음을 발견했습니다.

이 페이지에서는 사용자 정의 양식을 사용하여 스타일링 선택 상자에 대한 Zurb 접근법을 설명합니다. http://foundation.zurb.com/docs/components/custom-forms.html

기본적으로 스타일 스팬을 사용합니다.

희망이 도움이됩니다.