부트 스트랩이란 무엇입니까?
Bootstrap은 웹 응용 프로그램 및 웹 사이트의 빠른 개발을위한 프론트 엔드 프레임 워크입니다. Bootstrap은 HTML, CSS 및 JavaScript를 기반으로합니다.
부트 스트랩 내비게이션 바는 오랫동안 탐색되어 왔으며 왼쪽과 오른쪽이 수평으로 정렬되지 않거나 색상이 다릅니다. 초보자는 마침내 그것을 완료하고 코드를 여기에 넣고 앞으로 직접 사용합니다.
코드는 다음과 같습니다.
<! docType html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-catsible"content = "ie get"> <meta name = "viewport"content = "width = device-width, 이니셜 스케일 = 1"> </title> < href="css/bootstrap.min.css" rel="stylesheet"></head><body><nav role = "navigation"><div><!-- Brand and toggle get grouped for better mobile display --><div><button type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span>Toggle Navigation </span> <span> </span> </span> </span> <span> </span> </button> <a href = "#"> kkk </a> </div> <div id = "bs-example-navbar-collapse-1"> <ul> <li> <a href = "#"> home </span> </li> <li> <li> href = "#"> haha <span> </span> </a> </li> <li> <a href = "#"> haha <span> </span> </a> </li> </ul> </div> </div> </nav> <script src = "js/jquery.min.js"> </script> </nav src = "js/bootstrap.min.js"> </script> </body> </html>
결과를 확인하십시오
위는 편집자가 소개 한 부트 스트랩 프로덕션 내비게이션 바의 예제 코드입니다. 나는 그것이 모두에게 도움이되기를 바랍니다!