이전 기사에서는 부트 스트랩에 대한 기본 지식을 소개했습니다. 다음 으로이 기사를 통해 소개하겠습니다.
http://getbootstrap.com에서 부트 스트랩 파일을 다운로드 할 수 있습니다
왼쪽의 다운로드 부트 스트랩을 클릭하여 Bootstrap의 CSS, JavaScript 및 글꼴 라이브러리의 컴파일 된 버전을 다운로드하십시오. 중간에 다운로드 소스를 클릭하여 Bootstrap을 다운로드하십시오. 일반적으로 부트 스트랩을 사용하여 왼쪽의 컴파일 된 버전을 클릭하여 다운로드 할 수 있습니다.
컴파일 된 버전이 다운로드되면 구조는 다음과 같습니다.
다운로드 된 소스 코드 구조가 다음과 같은 경우
Dist 폴더의 내용은 컴파일 된 버전의 내용과 동일합니다.
프론트 엔드 프레임 워크 인 Bootstrap을 사용해야하는 경우 일부 형식을 설정하고 일부 파일을 소개해야합니다. 다음은 부트 스트랩을 사용하기위한 기본 템플릿입니다.
Bootstrap은 일부 HTML5 요소 및 CSS 속성을 사용합니다. 이것들이 올바르게 작동하려면 html5 문서 유형 (doctype)을 사용해야합니다. 따라서 다음 코드 스 니펫은 페이지 시작 부분에 포함됩니다.
IE6, 7, 8 버전 (IE9 이하) 브라우저를 새로 추가 된 HTML5 태그와 호환하기 위해 부트 스트랩 템플릿을 소개 할 수 있습니다.
<script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </script>
마찬가지로 IE6, 7 및 8 브라우저를 CSS3 스타일과 호환하기 위해 다음 코드가 소개됩니다.
<script src = "https://oss.maxcdn.com/libs/respone.js/1.4.2/respent.min.js"> </script>
다음 코드는 IE8/9 이상 버전이 IE의 가장 높은 버전으로 페이지를 렌더링 할 것이라고 IE 브라우저에 알려줍니다.
<meta http-equiv = "x-ua 호환"content = "ie = edge"> 다음 코드는 브라우저가 가장 적절한 크기로 해당 페이지를 표시 할 수있게 해줍니다.
Bootstrap을 사용하여 웹 페이지를 작성하려면 Bootstrap의 CSS 파일을 소개해야합니다.
<link href = "~/bootstrap-3.2.0-dist/css/bootstrap.min.css"rel = "스타일 시트"/>
Bootstrap에서 JavaScript 구성 요소를 사용하려면 Bootstrap의 JS 플러그인도 소개해야합니다. JS 플러그인은 jQuery를 기반으로하기 때문에 먼저 jQuery 스크립트를 소개해야합니다. jQuery 스크립트는 Bootstrap의 JS 플러그인 앞에 배치해야합니다.
<script src = "~/bootstrap-3.2.0-dist/js/jquery.min.js"> </script> <scrc = "~/bootstrap-3.2.0-dist/js/bootstrap.min.js"> </script>
위는 편집기가 소개 한 두 번째 부트 스트랩 스타트 업에 대한 전체 설명입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!