https://getbootstrap.com/docs/4.0/getting-started/introduction/

 

Introduction

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page.

getbootstrap.com

Bootstrap이란 예쁜 CSS를 미리 모아둔 것이라고 생각하면 된다. 

CSS를 다룰 줄 아는 것과 미적 감각으로 이쁘게 만드는 것은 다른 이야기이기 때문에 현업에서도 미리 완성된

부트스트랩을 이용하여 쓰는 경우가 많다고 한다.

 

 

이제 부트스트랩을 적용하는 방법에 대해 알아보자!

 

위에 링크를 타고 접속해서 페이지를 조금 내리다보면 Start template가 보일 것이다.

그럼 이것을 그래도 copy&paste해주면 편리하게 사용할 수 있다.

 

이제 새 페이지를 만들어 시작해보자!

 

왼쪽 메뉴바에 Components에 들어가보면 카드, 버튼, 네비게이션바, 등등 수 많은 컴포넌트들이 존재하는데

예로 Card를 클릭해보면 다양한 Card형식들이 있는데 마음에 드는 카드를 copy해서 body안에 붙여넣기만 하면 끝!

 

'HTML,CSS' 카테고리의 다른 글

[Javascript]변수 & 기본연산  (0) 2020.04.27
[Javascript]자바스크립트란?  (0) 2020.04.27
[CSS]구글 웹폰트 적용하기  (0) 2020.04.26
[CSS]CSS연습하기(1)  (0) 2020.04.26
[CSS]CSS기초  (0) 2020.04.25

+ Recent posts