이 기사에서는 참조를위한 첫 번째 부트 스트랩 페이지의 구현 코드를 공유합니다. 특정 내용은 다음과 같습니다
생식 이미지 :
구현 코드 :
<! docType html> <html> <head> <meta charset = "utf-8" /> <meta name = "viewport"content = "width = device-width, 초기-스케일 = 1" /> <!-적절한 도면 및 터치 스크린을 보장하려면 뷰포트 메타 데이터 태그를 <head>에 추가해야합니다. -> <title> </title> <link href = "css/bootstrap.min.css"rel = "Stylesheet"> <script type = "text/javaScript"src = "js/jquery-1.9.1.min.js"> </script> <script> <script> <js/bootstrap.min.js "> .masthead {패딩 : 110px 0px 110px; 마진 바닥 : 0px; } .masthead : {content : ''이후; 디스플레이 : 블록; 위치 : 절대; 상단 : 0; 오른쪽 : 0; 하단 : 0; 왼쪽 : 0; 배경 : URL (IMG/BG1.PNG) 반복 센터 센터; 불투명도 : 0.4; } .masthead h1 {font-weight : 700; 글꼴 크기 : 700%; } .Active {font-size : 120%; font-weight : bold;} .masthead-a {불투명도 : 0.5; 색상 : 흰색; 글꼴 크기 : 중간; } .masthead-a : 호버 {색상 : 화이트; 불투명도 : 1; } .modal-header li i {불투명도 : 0.5;} .Text-Align {display : inline; } .img-ls {너비 : 23%; 국경 : 1px 고체 HSL (0, 0%, 87%); 마진 오른쪽 : 2%; 패딩 : 4px 0px; 마진 바닥 : 6%; Min-Height : 350px; 최대 높이 : 600px; 플로트 : 왼쪽; } .img-ls img {너비 : 97%; 높이 : 자동; } .img-ls img : 호버 {커서 : 포인터; } .footer {패딩 : 50px 50px; } .navbar-nav li {display : inline;} </style> </head> <body> <div> <!-내부 프레임 워크의 톤, 위치, 크기 및 배경을 정의합니다-> <div> <버튼 유형 = "button"data-toggle = "data-target =". navbar-collapse "</span> </span> </span> </span> </span> <span> </span> </button> <ul> <li> <a href = "#"> Bootstrap Chinese 웹 사이트 </a> </li> </ul> <div 역할 = "내비게이션"> <ul> <li> <a href = "#"> bootstrap2 중국어 문서 </a> </li> <href = </li> "> bootstrap3 중국어 문서 <li> <a href = "#"> bootstrap 4.0 preview </a> </li> <li> <a href = "#"> 튜토리얼이 적습니다 </a> </li> <li> <a href = "#"> jQuery api </a> </li> <li> <a href = "#"> 웹 사이트 </li> <<a href = "<a href ="<a href = "<a href ="> 고정류 위치 </a> </li> <li> <a href = "#"> about </a> </a> </li> </div> </div> </div> <div> <div> <h1> 부트 스트랩 </h1> <h2> 욕설적이고 강력하고 강력한 프론트 엔드 개발 프레임 워크는 웹 개발이 더 좋고 단순화합니다. </h2> <p> <a href = "#"> bootstrap3 중국 문서 (v3.3.5) </a> </a> </p> <p> <a href = "#"> bootstrap2 중국 문서 (v2.3.2) </a> </li> <li> bootstrap Q & A 커뮤니티 <i> | </i> </li> <li> Sina Weibo : @BootStrap 중국 네트워크 </li> </ul> </div> <div> <div> <div> <h2> 부트 스트랩 관련 고문 프로젝트 </h2> <p>이 프로젝트를 기반으로 한 프로젝트 </h2> <div> <img src = "img/codeguide.png"/> <h3> <a href = "javaScript : void (0)"> @MDO </small> </h3> <p> secoding에 대한 사양, high-quality and clity h ht and cherity html. </p> </div> <div> <img src = "img/jqueryapi.png"/> <h3> a href = "javaScript : void (0)"> jQuery api <br/> <Small> 중국어 매뉴얼 </small> </a> </h3> <p> jquery api 문서/매뉴얼 1.11.Ex에서 번역되었습니다. 버전. </p> </div> <div> <img src = "img/w3schools.png"/> <h3> a href = "javaScript : void (0)"> w3schools <br/> <mallic> 원본 국내 미러 </small> </a> <p> w3schools.com은 항상 돔 기술이되었습니다. 액세스 할 수없고 국내 중국어 번역 버전은 매우 오래되었습니다. 따라서 나는 거울 이미지를 만들었고 영어가 좋은 학생들이 가서 원본 튜토리얼을 직접 읽을 수 있기를 바랍니다. </p> </div> <div> <img src = "img/expo.png"/> <h3> <a href = "javaScript : void (0)"> 우수한 사이트 선택 <br/> <Br> 부트 스트랩 웹 사이트 예 </small> </a> </a> </h3> <p> Bootstrap 탁월한 사이트 선택 채널은 많은 아름다운 웹 사이트를 수집하고 창의적 인 웹을 기반으로합니다. </p> </div> </div> </div> </div> </div> <div> <img src = "img/logo.png"/> <h5> <p>이 웹 사이트에 나열된 오픈 소스 프로젝트의 중국어 버전은 <a href = "javaScript : <avaScript : <avaScript : <acltrap> </small </small> <a href ="javaScript : <avaScript : <avaScript : <avaScript : <avaScript : <avaScript : <avaScript : <avaScript : <avaScript> <a href = <avaScript : <a href = "javaScript : void (0)"> <small> cc by 3.0 </small> </a> </p> </h5> </div> <div> <div> <h4> 정보 </h4> <h4> <ul> <li> <a href = "javaScript : void (0)"> <small> us </small> </a> </li> <li> <javascript : void (0) "> <li> <a href = "javaScript : void (0)"> <lycle> 친화적 인 링크 </small> </a> </a> <li> <a href = "javaScript : void (0)"> <mail> 모집 </small> </a> </li> </h4> </div> <h4> 연락처 </h4> <h4>> <h4>>> href = "javaScript : void (0)"> <small> sina weibo </small> </a >> </a >> </a> <li> <a href = "javaScript : void (0)"> <small> email </small> </a> </li> </ul> </h4> </div> <h4> 공식 웹 사이트 </h4> href = "javaScript : void (0)"> <small> laravel Chinese </small> </a> </a> </li> <li> <a href = "javaScript : void (0)"> <small> Ghost China </small> </a> </li> </ul> </h4> </div> <h4> 스폰서 </h4> href = "javaScript : void (0)"> <small> ucloud </small> </a> </a> </a> <li> <a href = "javaScript : void (0)"> <small> 클라우드를 쏠 수 있습니다 </small> </a> href = "javaScript : void (0)"> <small> 베이징 ICP No. 11008151 </small> </a> <Small> | Beijing Public Security Network Security 11010802014853 </small> </h4> </bofer> </body> </html>나는 모든 사람이 아직 만족해서는 안된다고 생각합니다. 아래 몇 가지 기사를 아래에서 공유해 봅시다.
"공유 및 수집 가치가있는 부트 스트랩 학습 자습" "Bootstrap Learning Tutorials"
위의 내용은이 기사에 관한 모든 것입니다. 모든 사람의 학습에 도움이되기를 바랍니다.