2014-04-30 5 views
0

부트 스트랩 navbar에 문제가 있습니다.부트 스트랩 navbar 데스크탑보기에서 검색 아이콘 유지

http://jsfiddle.net/DTcHh/353/

나는 전체 폭에서 검색 아이콘 메뉴 바 토글을 사용하지만 모바일에서만 작동 축소합니다. 데스크톱 애니메이션이 잘못되었습니다. .in 클래스에 디스플레이 CSS를 넣으려고했지만 애니메이션이 여전히 올바르지 않습니다.

.collapse.in{ 
    display:none!Important; 
} 

간단한 부트 스트랩 솔루션이 있습니까?

+0

문제를 다시 설명해 주시겠습니까? – dcclassics

+0

모바일의 내비게이션 막대에 2 개의 접히는 요소가 있습니다. searchform 및 메뉴. 모바일보기에서 검색 버튼을 클릭하면 검색 양식이 토글됩니다. 나는 이것을 바탕 화면에서 검색을 위해 보관하고 싶다. 하지만 메뉴가 아닙니다. 그래서 각 축소 요소에 대한 중단 점을 설정하고 싶습니다. – Boozter

+0

이것이 정확히 당신이 찾고있는 것이 아니라는 것을 알고 있습니다 만,이 같은 것을 시도해 볼 수 있습니까? http://jsfiddle.net/DTcHh/354/ – dcclassics

답변

0

네, 간단한 해결책이 있습니다!

http://getbootstrap.com/customize/으로 이동하십시오. "그리드 시스템" 섹션을 방문하십시오. 여기에 "입력"@ grid-float-breakpoint이 있습니다. 예를 들어,이 필드에 "3000px"를 넣을 수 있습니다.

body 태그의 끝에 jQuery와 bootstrap.js를 포함시켜야합니다.

+0

도움 주셔서 감사합니다! 그러나 나는 이것이 해결책이라고 생각하지 않는다. 메뉴에 대한 기본 접힘이 필요하지만 검색에는 다른 것이 필요합니다. 중단 점을 변경하면 둘 다 변경됩니다. 따라서 탐색 기능은 정상적으로 작동해야하지만 검색 필드를 모바일 및 데스크톱의 토글로 표시하고 숨기고 싶습니다. – Boozter