부트스트랩은 css를 별도로 꾸밀 필요없이
이미 만들어진 디자인을 가져다가 쓸 수 있는 라이브러리입니다.
부트스트랩을 사용할 준비를 해보겠습니다.
<기본 index.html>
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>
|
cs |
Bootstrap
The most popular HTML, CSS, and JS library in the world.
getbootstrap.com
4.5버전을 선택합니다
css를 복사합니다.
이렇게 style.css 위에 있어야 우리가 만든 css가 변경하고 싶을때 덮어 쓸 수 있습니다.
자바 스크립트 코드 복사합니다.
바디 태그끝나기 바로 위에 넣어준다.
끝!
728x90
'WEB > html,CSS' 카테고리의 다른 글
| [html] form태그 사용/ 설문조사 만들기 (0) | 2021.04.04 |
|---|---|
| 웹페이지에 파비콘 넣는법 favicon (0) | 2021.02.03 |
| [html] 버튼 누르면 다른 페이지로 넘어가기 (0) | 2020.12.29 |
| [html] 웹페이지 모바일 화면에 맞게 변경하기 (0) | 2020.12.29 |
| [html] 링크 넣기 <a href ="">/ 새창으로 띄우기/ 툴팁 (0) | 2020.12.28 |