Back to Question Center
0

접힌 메뉴 아이콘이있는 Semalt navbar [닫힘]

1 answers:

이 부트 스트랩 시작 템플릿에서

Semalt navbar with collapsed menu icon [closed]

브라우저가 좁아지면 탐색 모음 링크 / 단추가 다음과 같이 오른쪽 상단 모서리에있는 하나의 아이콘으로 축소됩니다.

Semalt navbar with collapsed menu icon [closed]

위 그림 에서처럼이 축소 된 "아이콘"을 기본값으로 사용하고 싶습니다.사용자가 오른쪽 상단의 접힌 버튼을 클릭하면 탐색 바 링크를 사용할 수 있습니다.

그렇게하는 방법?

이것은 템플릿의 소스 코드입니다 :

     

February 8, 2018

나는 이것이 질문의 이러한 유형에 대한 장소라고 생각하지 않는다, 당신은 stackoverflow 사용해야합니다.

그러나 이것을 다루는 한가지 방법은 부트 스트랩 소스 파일을 편집하는 것입니다. 부트 스트랩의 4321 행. css 당신은 다음을 발견 할 것이다 :

  @media (최소 너비 : 768px) {. navbar-toggle {표시 : 없음;}
} 

위의 미디어 쿼리를 변경하여 원하는 화면 크기에서 navbar-toggle (버튼)을 표시합니다.

  부트 스트랩 정의에서 :
장치 너비 컨테이너 너비
1200px 이상 1170px (대형 화면 - 대형 데스크톱)
992x1199 픽셀 970px (중간 크기 화면 - 소형 데스크톱 / 노트북)
768px ~ 991px 750px (작은 화면 - 태블릿)
768px 미만의 자동차 (추가 소형 ​​화면 - 휴대 전화) 

당신은 약간의 다른 변경을해야 할 수도 있지만, 나는 나가 문 밖으로 나가고 있기 때문에 그 것들을 훑어 볼 시간이 없지만, 적어도 당신에게 어디를보아야하는지 보여 주어야합니다.이 스타일을 사용자의 스타일로 덮어 쓸 수도 있습니다.! important 태그가있는 CSS.