부트 스트랩은 매우 인기있는 프론트 엔드 프레임 워크입니다. 간단히 말해서 HTML, CSS 및 JavaScript 용 도구 세트입니다. Bootstrap을 사용하여 간단하고 신선한 웹 사이트 또는 소프트웨어 인터페이스를 구축 할 수 있습니다. 부트 스트랩을 사용하면 백엔드 개발자는 더 이상 프론트 엔드 인터페이스 구축에 대해 걱정할 필요가 없습니다.
Bootstrap (1)에는 이러한 구성 요소를 기반으로 풍부한 웹 구성 요소가 포함되어 있으므로 아름답고 완벽하게 작동하는 웹 사이트를 신속하게 구축 할 수 있습니다. 드롭 다운 메뉴, 버튼 그룹, 버튼 드롭 다운 메뉴, 내비게이션, 내비게이션 바, 빵 부스러기, 페이징, 조판, 썸네일, 경고 대화, 진행률 표시 줄, 미디어 대화 상자 등이 포함됩니다.
(2) 13 개의 JQery 플러그인과 함께 제공되며 부트 스트랩의 구성 요소에 생명을줍니다. 여기에는 모드 대화 상자, 탭, 스크롤 막대, 팝업 박스 등이 포함됩니다.
부트 스트랩은 여가 시간에 트위터 엔지니어들에 의해 개발되었습니다. Xunsu는 가장 크고 가장 인기있는 오픈 소스 사이트에서 소스를 개설 한 후 웹 사이트에서 가장 자주 업데이트되는 프로젝트가되었습니다. 많은 엔지니어들이 프로젝트에 적극적으로 코드를 기여했으며 부트 스트랩을 사용하여 구축 된 많은 웹 사이트가 단기간에 등장했습니다. 부트 스트랩의 개발 속도가 왜 그렇게 놀라운가? 이것은 주로 부트 스트랩의 우수한 기능 때문입니다.
모바일 장치가 선호됩니다 : 모바일 지향 기능을 먼저 배치합니다
브라우저 지원 : 모든 주류 브라우저는 부트 스트랩을 지원합니다
쉽게 시작하기 : HTML 및 CSS의 기본 사항이있는 한 Bootstrap 학습을 시작할 수 있습니다.
반응 형 디자인 : 부트 스트랩의 반응 형 CSS는 데스크탑, 태블릿 및 휴대폰에 적응할 수 있습니다.
쉽게 사용자 정의 할 수있는 강력한 내장 구성 요소가 포함되어 있습니다
부트 스트랩으로 제작 된 가장 간단한 페이지를 살펴 보겠습니다.
<! docType html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-catsible"content = "ie = edge"> <meta name = "viewport"content = "width = device-width, 이니셜 스케일 = 1"> boottrap 101> <! bootstrap-> <link href = "css/bootstrap.min.css"rel = "stylesheet"> <!-html5 shim and respond.js ie8 html5 요소와 미디어 쿼리 지원-> <!-경고 :/<! <! <! <! src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </script> <script src = "http://cdn.bootcss.com/respone.js/1.4.2/respond.min.js"> <! </p> </div> <div> <div> <h3> 열 1 </h3> <p> 당신이 배우는 것은 기술뿐만 아니라 꿈이기도합니다! </p> <p> 당신의 꿈이 아무리 굉장하더라도, 그것은 당신의 바보 같은 끈기를 견딜 수 없습니다! </p> </div> <div> <h3> 열 2 </h3> <p> 당신이 배우는 것은 기술뿐만 아니라 꿈이기도합니다! </p> <p> 당신의 꿈이 아무리 굉장하더라도, 그것은 당신의 바보 같은 끈기를 견딜 수 없습니다! </p> </div> <div> <h3> 열 3 </h3> <p> 당신이 배우는 것은 기술뿐만 아니라 꿈이기도합니다! </p> <p> 당신의 꿈이 아무리 굉장하더라도, 그것은 당신의 바보 같은 끈기를 견딜 수 없습니다! </p> </div> </div> </div> </body> </html>
위는 편집자가 소개 한 부트 스트랩에 대한 학습에 관한 첫 번째 기사입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!