BootStrap 입문 학습 1 편

본 논문 의 사례 는 BootStrap 입문 학습 의 첫 번 째 편 을 공유 하 였 으 며,여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
1.환경 구축
중국어 홈 페이지 다운로드 주소:http://www.bootcss.com/
선택 한 WEB 항목 을 오른쪽 클릭 하고 가 져 오 기 를 클릭 하고 파일 시스템 을 선택 한 다음 BootStrap 파일 디 렉 터 리 경 로 를 선택 하 십시오.다음 과 같 습 니 다.

완료 후 WEB 프로젝트 의 css,img,js 에 해당 하 는 파일 이 나타 나 가 져 오 는 데 성공 했다 는 것 을 설명 합 니 다.
그리고 새로운 버 전의 JQuery 라 이브 러 리 를 가 져 옵 니 다.디 렉 터 리 구 조 는 다음 과 같 습 니 다.

이로써 환경 구축 이 완료 되 었 다.
3.BootStrap 기본 템 플 릿

<!DOCTYPE html>
<html lang="zh-CN">

 <head>
 <meta charset="utf-8">
 <!--        ,    IE        -->
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <!--       (         ),       <    /    >-->
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <!--   3 meta  *  *     ,       *  *    ! -->
 <title>Bootstrap    </title>

 <!--   Bootstrap       -->
 <link href="../../css/bootstrap.min.css" rel="stylesheet">
 </head>

 <body>
 <h1>  ,  !</h1>

 <!--   jQuery  js   -->
 <script src="../../js/jquery-1.11.3.min.js"></script>
 <!--   BootStrap  js   -->
 <script src="../../js/bootstrap.min.js"></script>
 </body>

</html>

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기