본문 바로가기
CSS

bootstrap 으로 웹페이지 손쉽게 꾸미기

by 헤이봄봄 2021. 8. 20.
bootstrap 

우리가 웹페이지를 만들때 꼭 들어가는

메뉴, 대문페이지, 모달, 폼 등등을

이미 꾸며져있는 것들로 복붙해서 가져다 쓸수있도록 해주는 라이브러리이다. 

 

 

 

https://getbootstrap.com/

 

Bootstrap

The most popular HTML, CSS, and JS library in the world.

getbootstrap.com

 

 

 

 

 설치방법 

버젼은 5 말고 4.6 으로 맞춰주도록 하자. 

 

 

다운로드받아서 사용해도 되지만

간단하게 CDN으로 사용해보기로 한다. 

 

 

 

Get started 를 누르고

중간쯤으로 스크롤을 내리면 Starter template이 나온다

이 html소스를 복사해서 내 index.html에 붙여넣기하면 설치 끝이다 

 

 

 사용방법 

검색란에 사용하고픈 항목을 입력하면 사용할수있는 html 소스가 나온다

그대로 복사붙여넣기해서 사용해도 좋고

커스터마이징해서 사용할 수도 있다 

'CSS' 카테고리의 다른 글

fullpage 전체페이지 스크롤 플러그인  (0) 2021.08.17
Font Awesome 사용 메뉴얼  (0) 2021.08.05
CSS position 속성 정리  (0) 2021.08.03
CSS 초기화 작업  (0) 2021.08.01

댓글