부트 스트랩이있는 전환 가능한 사이드 바 4

Question

부트 스트랩이있는 전환 가능한 사이드 바를 만드는 "올바른"(모범 사례) 방법을 찾으려고합니다. 인터넷에서 예제를 살펴본 후 너무 좋았습니까? 그래서 누군가가 나를 관련 리소스 링크를 보낼 수 있다면, 나는 그것을 분석 할 수있어서 좋을 것이다.

- 저는 안드로이드 플랫폼에서 왔기 때문에 웹 개발에 관해서는 초보자입니다.하지만이 사이드 바를 이쪽에서 구현하려고합니다 : link - 사이드 바는 너비를 변경하지 않습니다. 스트레칭) 브라우저의 크기를 변경하면서 점이 아이콘 너비로 점프합니다.

Answer 1

부트 스트랩에는 "공식적인" 사이드 바 구현이 없으므로 여기에 은 "올바른"이 아닙니다. 교차 브라우저/교차 장치에서 작동하는 한 모든 것이 유용합니다.

• 콘텐츠 이상 열리면
  ,
• 반대편
• 로 콘텐츠를 푸시 콘텐츠 상기

좋다고 사이드 바 구현 자체 대하여

는

, 다양한 옵션이있다 옵션 및 애니메이션 가능성 배열 :

• 사이드 바 자체
• 메뉴 항목 컨테이너,
• 메뉴 이름/라벨
메뉴 아이콘 ...,

은 ... 쉬운 예를 제공하는 어떤 시도를 주관적인 선호도에 따라 주제를 벗어나게합니다.

다른 가능한 기능은

• 자동 개방 요소
• 재정렬, 일정 폭 이하
• 자동 닫힘, 일정 폭 상술
• 3 상 (전체, 최소 및 오프). 주제에

그러나 는 질문에 대한 유일한 목적 답은 아무도 (공식)이없는 .

초보자는 simple sidebar을 살펴볼 수 있습니다. 그것은 완벽하게 v4로 잘 작동합니다. simple-sidebar.css를 가져 와서 프로젝트 요소와 일치하도록 호출을 조정하면됩니다.

결국 사이드 바는 약 두 개의 컨테이너이며 클래스를 적용합니다 (이상적으로 화면 판독기의 경우 aria- 속성). 컨테이너에 넣은 내용과 각 요소 상태를 볼 수 있도록 내용을 조정하는 방법은 모두 자신의 (또는 디자이너 또는 클라이언트의) 개인 취향에 달려 있습니다.