240903 부트스트랩 써보기

오늘은 부트스트랩 이용하는 연습을 했다.
이미 만들어진 디자인들을 그대로 가져와 쓰기만 하면 돼서 상당히 편리했다.
가져온 디자인을 보기 좋게 정렬해주기만 하면 끝.

div로 분리해놓은 요소들을 가운데 정렬할 때는 이 코드를 사용한다.

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

요소들을 기둥처럼 정렬할 때는 flex-direction에 column을, 직렬정렬할 때는 row를 사용한다.

그림자를 넣고 싶을 때는 이 코드를 사용한다.

			box-shadow: 0px 0px 5px 0px gray;

앞의 두 수치는 그림자의 위치를, 뒤의 두 수치는 그림자의 두께를 결정하는 듯 하다.