Bootstrap 자습서
Bootstrap 패키지의 내용 기본 구조: Bootstrap은 격자 시스템, 링크 스타일, 배경이 있는 기본 구조를 제공합니다.Bootstrap 기본 구조 섹션에서 자세히 설명합니다.CSS:Bootstrap은 전역적인 CSS 설정, 기본적인 HTML 요소 스타일 정의, 확장 가능한class, 그리고 선진적인 격자 시스템을 가지고 있습니다.Bootstrap CSS 섹션에서 자세히 설명합니다.구성 요소:Bootstrap에는 이미지 만들기, 드롭다운 메뉴, 내비게이션, 경고 상자, 팝업 상자 등을 위한 10여 개의 재사용 가능한 구성 요소가 포함되어 있습니다.이것은 레이아웃 구성 요소 부분에서 상세하게 설명할 것이다.JavaScript 플러그인: Bootstrap에는 사용자 정의 jQuery 플러그인이 십여 개 포함되어 있습니다.모든 플러그인을 직접 포함할 수도 있고, 하나씩 포함할 수도 있습니다.Bootstrap 플러그인 섹션에서 자세히 설명합니다.사용자 정의: Bootstrap의 구성 요소, LESS 변수, jQuery 플러그인을 사용자 정의해서 버전을 얻을 수 있습니다.
다음을 수행할 수 있습니다.http://getbootstrap.com/Bootstrap의 최신 버전을 다운로드합니다.
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="http://apps.bdimg.com/libs/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 Shim Respond.js IE8 HTML5 -->
<!-- ： file:// Respond.js ， -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery (Bootstrap JavaScript jQuery) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
