부트스트랩

OneTwoThree·2022년 10월 13일
0

웹프로그래밍

목록 보기
5/8

링크하는법

bootstrap 링크

위 링크에서 getting started > introduction으로 가서 코드를 복사해서 html을 작성하면 자동으로 외부 css와 js 파일을 가져와서 부트스트랩을 사용할 수 있다.

다운받아서 사용하고 싶으면 여기서 다운받아서 압축을 풀고 js랑 css폴더를 프로젝트의 resource 폴더 밑에 넣어주면 된다.

이렇게 가져온 뒤 위의 부트스트랩 링크에서 원하는 컨텐츠를 찾아서 html에 복붙하면 사용할 수 있다.

커스터마이징 하기

원하는 컨텐츠를 복붙해 오면 부트스트랩이 정해놓은 디자인으로 가져와진다. 이 때 색을 내가 원하는 색으로 커스터마이징 하는 등 css 설정을 바꾸고 싶을 때가 있다.
이럴 때는 css파일을 하나 더 만들어서 적용하면 된다.
css는 같은 요소에 대해 두개 이상의 디자인을 적용하려 하면 나중에 적용한 게 반영된다. 즉 내가 커스터마이징 하려는 css파일을 외부 링크 방식으로 사용하려면 부트스트랩 파일을 링크한 것 보다 뒤에다가 해줘야 한다.

16진수 색

rgb 16진수 따는링크

색 16진수로 가져올 때 여기서 가져오면 편리하다.

0개의 댓글