기초 궤도 슬라이더, 작은 화면에 nav 표시

Question

Zurb's Foundation의 일부로 제공되는 궤도 슬라이더는 등급을 hide-for-small으로 탐색하는 것으로 보입니다.

내 콘텐츠를 표시하려면 내비게이션이 아직 필요합니다. jquery.foundation.orbit.js 줄에서 래퍼의 hide-for-small 부분을 제거하려고 시도했지만 클래스가 계속 추가됩니다.

누군가 제거 방법을 알고 있습니까?

Answer 1

업데이트 : 이제 jmsg1990의 대답을 참조하십시오.

jquery.foundation.orbit.js를 열어서이 문제를 직접 해결하고 쉽게 해결했습니다. 라인 60에서

:

directionalNavHTML: '<div class="slider-nav hide-for-small"><span class="right"></span><span class="left"></span></div>' 

간단히 아래와 같이 클래스를 "숨기기를 위해 작은"제거하고 예상대로 작동합니다.

아직

directionalNavHTML: '<div class="slider-nav"><span class="right"></span><span class="left"></span></div>' 

Answer 2

더 나은, 클래스를 타고 이상에 app.css에 다음을 추가

.hide-for-small { 
    display: block !important; 
} 

그것은 당신이 언젠가 당신의 재단을 업그레이드하면 더 미래 지향적이다.

Answer 3

CSS에 .touch .orbit-bullets { display: block; }을 추가해야합니다. 파운데이션 4는 궤도의 탄환과 화살표를 숨기는 터치 지원 장치를 사용할 때 .touch 클래스를 추가합니다.