부트 스트랩 반응 메뉴

Question

내가 부트 스트랩으로 구축이 워드 프레스 테마,
http://bootstrapwp.rachelbaker.me/ 은 아이 패드와 아이폰에 메뉴를 축소,하지만 난 메뉴는 아이폰뿐만 아니라 아이 패드에 붕괴 할를 사용하고 있습니다. 어떤 생각을하는 방법?

어디에서 편집 할 수 있습니까? 그것은 CSS 또는 js 또는 둘 다와 관련이 있습니까?

Answer 1

부트 스트랩에는 @media 쿼리가 미리로드되어 있으므로 Bootstrap.css 파일을 수정해야합니다.

css 파일에서 ctrl-f를 누르고 아래를 찾으십시오. 여기

.

에있는 토글 메뉴 차기 또는 당신이 "토글"이 토글 당신에게 미디어 섹션을 표시해야합니다 검색을 필터링 할 수 있습니다 때 변경할 수 있습니다

// Landscape phones and down 
 
    @media (max-width: 480px) { ... } 
 

 
    // Landscape phone to portrait tablet 
 
    @media (max-width: 768px) { ... } 
 

 
    // Portrait tablet to landscape and desktop 
 
    @media (min-width: 768px) and (max-width: 980px) { ... } 
 

 
    // Large desktop 
 
    @media (min-width: 1200px) { .. }

.