이 기사는 참조를위한 웹 프레임 워크 부트 스트랩의 간단한 사용을 공유합니다. 특정 내용은 다음과 같습니다
Bootstrap Chinese 웹 사이트를 검색하기 위해 직접 Baidu Bootstrap을 검색하며 소스 코드를 다운로드하는 것이 가장 좋습니다.
다운로드가 완료되면 Dist/CSS/Bootstrap.min.css를 프로젝트의 루트 디렉토리로 복사하십시오.
특정 모듈 소개 및 사용은 중국 웹 사이트에 설명되어 있습니다. 예를 들어 작성된 간단한 예는 다음과 같습니다.
<! docType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> 응답 레이아웃을 위해 부트 스트랩 사용 </title> <link href = "bootstrap.min.css"type = "text/css"rel = "stylesheet"> <body> "Navbar Navbar-Default는 기본 색상이지만 Navbar-Fixed-Top은 탐색 막대의 둥근 코너 효과를 취소하는 것이며, 역할을 피할 수 있습니다."-> <nav 역할 = "Navigation"> <!-추가 <div> </div>는 인터페이스를 중심으로 만들어야합니다. data-target = "#bs-example-navbar-collapse-1"aria-expanded = "false"> <span> 토글 탐색 </span> <span> </span> <span> </span> </span> <span> </span> </button> <a href = "#"> div> <! -> <div id = "bs-example-navbar-collapse-1. 버튼, 필요에 따라 사용자 정의 할 수 있습니다-> function signin () {alert ( "로그인을 클릭 함"); . 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 시험 기사는 테스트 기사입니다. 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. »</a> </p> </div> <div> <h2> Heading2 </h2> <p> 여기 테스트 기사가 있습니다. 테스트 기사는 테스트 기사입니다. 테스트 기사입니다. 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 시험 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 시험 기사는 테스트 기사입니다. 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 기사입니다. 테스트 기사는 테스트 <p> © Company2014 </p> </div> </body> </html>입니다.위의 내용은이 기사에 관한 모든 것입니다. 모든 사람의 학습에 도움이되기를 바랍니다.