부트 스트랩은 매우 인기있는 프론트 엔드 프레임 워크입니다. 간단히 말해서 HTML, CSS 및 JavaScript 용 도구 세트입니다. Bootstrap을 사용하여 간단하고 신선한 웹 사이트 또는 소프트웨어 인터페이스를 구축 할 수 있습니다. 부트 스트랩을 사용하면 백엔드 개발자는 더 이상 프론트 엔드 인터페이스 구축에 대해 걱정할 필요가 없습니다.
Bootstrap은 CSS/HTML 프레임 워크 인 Twitter에서 시작한 프론트 엔드 개발을위한 오픈 소스 툴킷입니다. Bootstrap은 동적 CSS 언어로 작성된 우아한 HTML 및 CSS 사양을 제공합니다. Github에서 인기있는 오픈 소스 프로젝트입니다.
JQuery 프레임 워크를 기반으로 개발되었으며 JQuery 프레임 워크를 기반으로보다 인간화되고 개인화되어 고유 한 웹 사이트 스타일 세트를 형성하며 대부분의 jQuery 플러그인과 호환됩니다.
Bootstrap (1)에는 이러한 구성 요소를 기반으로 풍부한 웹 구성 요소가 포함되어 있으므로 아름답고 완벽하게 작동하는 웹 사이트를 신속하게 구축 할 수 있습니다. 드롭 다운 메뉴, 버튼 그룹, 버튼 드롭 다운 메뉴, 내비게이션, 내비게이션 막대, 빵가루, 페이징, 조판, 썸네일, 경고 대화 상자, 진행률 막대, 미디어 대화 상자 등과 같은 구성 요소가 포함됩니다. 여기에는 모드 대화 상자, 탭, 스크롤 막대, 팝업 박스 등이 포함됩니다.
중국 웹 사이트의 부트 스트랩에 대한 설명은 다음과 같습니다.
부트 스트랩
단순하고 직관적이며 강력한 프론트 엔드 개발 프레임 워크는 웹 개발을 더 빠르고 간단하게 만듭니다.
다운로드 : http://v3.bootcss.com/
다운로드 후 카테고리에 따라 다른 디렉토리에 배치되는 다음 디렉토리 및 파일을 볼 수 있습니다. 압축 및 압축되지 않은 두 가지 버전이 있습니다.
압축 패키지를 다운로드 한 후에는 디렉토리에 압축을 풀면 다음 디렉토리 구조가 표시됩니다.
이것은 가장 기본적인 부트 스트랩 조직입니다. 비 압축 파일은 모든 웹 프로젝트에서 직접 사용할 수 있습니다. 압축 (bootstrap.min.*) 및 압축되지 않은 (Bootstrap.*) CSS 및 JS 파일을 제공합니다. 글꼴 아이콘 파일은 Glyphicons에서 나온 것입니다.
기본 템플릿
아래에 주어진이 매우 간단한 HTML 템플릿을 사용하거나 이러한 경우를 수정하십시오. 단순히 복사하거나 붙여 넣기보다는 자신의 요구에 따라 이러한 사례를 수정하는 것이 좋습니다.
아래에 주어진 HTML 코드를 복사하여 붙여 넣으십시오. 이것은 가장 쉬운 부트 스트랩 페이지입니다.
<! doctype html> <html> <head> <title> bootstrap 101 템플릿 </title> <meta name = "viewport"content = "width = device-width, 초기 스케일 = 1.0"> <!-bootstrap-> <link rel = "Stylesheet" href = "http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <!-html5 shim and responce.js ie8 html5 요소와 미디어 쿼리의 지원-> relpit. IE 9]> <script src = "http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"> </script> <script src = "http://cdn.bootcss.com/respend.js/1.3.0/relest <!! 필요에 따라 개별 파일 포함-> <script src = "http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"> </script> </body> </html>
위는 편집자가 소개 한 부트 스트랩 학습 노트에 대한 관련 지식입니다. 나는 그것이 당신에게 도움이되기를 바랍니다!