이전 기사에서는 왼쪽 (i)에 접힌 메뉴를 만들기위한 시스템 템플릿을 소개했습니다. 자세한 내용은 클릭하여 자세한 내용을 확인하십시오.
1. 이전 기사 버그에 대해
이전 기사에서 여러 친구들이 제기 한 질문과 버그가 있습니다. 그들에 대해 간단히 얘기하겠습니다.
1>. IE 버전 지원?
내가 쓴 이것들은 단지 Firefox Google 탐색을 테스트하는 것입니다. 호환성을 위해 IE8+에 코드를 추가 할 수 있습니다.
<!-[LT IE 9 인 경우]> <SCRIPT SRC = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </script> <Script src = "http://cdn.bootcss.com/respone.js/1.4.2/respent.min.js"> </script> <! [endif]->
Super Browser IE6과 호환 되려면 http://www.bootcss.com/p/bsie/를 참조하십시오.
2>. 배지 사용, Baidixing 팁에 감사드립니다.
이것은 모든 사람의 사용 습관에 달려 있습니다.
3>. 샘플 코드의 보조 메뉴 아래의 글꼴은 Firefox 및 Google의 크기가 같지 않습니다 . Baidixing을 지적 해 주셔서 감사합니다.
Google 브라우징에서 디버깅을하고 있기 때문에 Chrome은 기본적으로 12px 미만의 글꼴을 지원하지 않습니다.
2. 왼쪽의 접이식 메뉴 정식 버전
관심있는 친구들은 효과를 보려면 클릭 할 수 있습니다.
1>. 메뉴가 확장되고 합쳐짐에 따라 화살표가 변경됩니다
<a href = "#systemsetting"data-toggle = "collapse"> <i> </i> 시스템 관리 <Span> </span> </a> <ul id = "Systemsetting"Style = "Height : 0px;"> <li> <a href = "#"> <i> </i> <li> <a href = "#"> "> <i> </i> 관리 </a> </li> <li> <a href = "#"#"#"> <i> </i> 역할 관리 </a> </li> <li> <a href = "#"> <i> </i> 비밀번호 수정 </a> <li> <a href = "#"> <i> </i> 로그보기 </li> </li> grone Menu Arrow*/. Nav-Header.collapsed> span.glyphicon-Chevron-Toggle : {content : "/e114"; }.nav-header> span.glyphicon-chevron-toggle : {content :"/e113 ";}2>. 보조 메뉴에서 스타일을 선택하십시오
.secondmenu a {font-size : 12px; color : #4a515b; 텍스트-정렬 : 중심;}. SecondMenu li.Active {backwulin.com은 부트 스트랩 관련 주제를 권장합니다.
부트 스트랩 구성 요소 작동 기술
부트 스트랩 관련 지식 요약
위의 것은 부트 스트랩에 대한 관련 지식이 편집기가 소개 한 왼쪽 접이식 메뉴에서 시스템 템플릿 (ii)을 만드는 것입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!