Bootstrap
반응형웹 생성 가능
-> css 보다 더 예쁘게 만들어주는 기능을 알아보자.

위에 link는 css

처음 head 전에 붙혀넣기

아래 link는 java script

마지막 body 전에 붙혀넣기

순서가 크게 상관있는건 아니지만
HTML 파일 특성상, 위에서부터 읽혀 내려온다.
처음 CSS 역할: 아래 있는 것을 이쁘게 꾸며준다. (시작)
아래 Java Script 역할: 동작구현을 하게 해준다. (마지막)

인터넷 속도가 빠른 곳에서는 크게 상관 x

미리 만들어진 template 를 가져와서

내 입맛에 맞게 클래스, 이름 등을 변경해서 활용해보자.

div class-"container"

여유공간 spacing

spacing

마진 3 과 패딩 3을 줘보자.


important;

colors

text 와 background 모두 적용 가능

colors


여기에 bg-primary
백그라운드로 primary 색상을 입혀보자.

border



border 모양을 동그랗게 해보자.

display

display

d-inline
d-none

flex

flex

대신, 붙혀 써야함.

div.d-flex>div-p-2*3 


>


grid system

반응형 웹을 구현하기 위해 중요함

gird system

화면 나누기


일정한 비율로 늘어나기 col

특정 비율을 넣고싶다. col-숫자


md-숫자


offset 빈칸


Components

components
여기서 쓸만한 기능들은 알아보자

Alerts



Buttons






Cards







profile
데이터 프로젝트

0개의 댓글