부트스트랩(BootStrap)이란
필그램
·2019. 6. 17. 07:12
부트스트랩이란 반응형, 모바일 웹이라고 합니다.
요즘 모바일 또는 탭으로 웹을 접속하는 사람이 많기 때문에, 이러한 다양한 기기에 맞는 웹사이트를 별도로 만드는 것이 아니라 반응형, 모바일 중심의 사이트를 만드는 것입니다.
아래는 영어로된 정의입니다. (w3schools)
Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites.
부트스트랩은 HTML, CSS를 사용하기 편하게 정의해 놓고, 가져다쓰는 방식이라고 합니다.
기본 틀은 아래와 같은데, CSS부분을 보듯이 CSS를 웹을 제작할때마다 별도로 만드는 것이 아니라 사전 정의되었있는 웹에 있는것을 가져다 쓰는 것이라고 합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="container-fluid">
<h1>My First Bootstrap Page</h1>
<p>This part is inside a .container-fluid class.</p>
<p>The .container-fluid class provides a full width container, spanning the entire width of the viewport.</p>
</div>
<!--<div class="container">
<h1>My First Bootstrap Page</h1>
<p>This part is inside a .container class.</p>
<p>The .container class provides a responsive fixed width container.</p>
</div>-->
</body>
</html>
'프로그래밍 > 웹프로그래밍' 카테고리의 다른 글
| 쇼피파이 | 제품설명 부분 넓게 사용하기 (3) | 2021.02.27 |
|---|---|
| [Javascript] Li 태그요소를 array (배열)로 넣기 (0) | 2019.06.17 |
| [워드프레스] 자식 테마 만들기 (child theme) (0) | 2019.06.17 |
| [jQuery] 자주쓰는 제이쿼리 함수 (모음) (1) | 2017.11.18 |
| [jQuery] 제이쿼리 Ajax 사용하기 (0) | 2017.11.17 |
