부트스트랩.css 알아보기

부트스트랩은 HTML, CSS, JS 프레임워크로 주어진 제작자가 만든 틀에 맞추어 사용자가 사용해야 된다.

 

즉 라이브러리보다 자유도 낮은 게임이라도 생각하면 되겠다.

 

CSS속성을 class="부트스트랩속성명"으로 사용하면 된다.

 

만약 수정하고 싶은 부분이 있다면 따로 기존 부트스트랩 css파일보다 밑에 링크에 사용하면 된다.

 

부트스트랩이 제공하는 css파일은 총 3종류로 grid, bootstrap, reboot이 있다.

 

플렉서블 박스 레이아웃을 제공하는 grid

 

모든 css를 제공하는 bootstrap

 

content에서 태그 선택자만 사용한 css를 제공하는 reboot이 있다.

 

모든 bootstrap css파일

Layout, Content, Components, Utilities 4가지를 제공한다.

 

1. Layout

부트스트랩은 반응형 컨테이너와 플렉서블 박스를 이용한 그리드를 제공한다.

2. Content

HTML 태그 관련 스타일들로 bootstrap만의 스타일로 약간 바꾸어 제공한다.

3. Component

bootstrap에서 미리 만들어 놓은 component들을 복사하여 사용할 수 있다.

이것만 복사, 붙여 넣기 해도 그럴듯한 사이트가 완성된다.

4. Utility

앞에서 클래스에 속성명을 적어 스타일을 적용한다고 했는데 utility에서 제공하는 부분이다.

각 요소에 맞는 각종 스타일 속성을 제공한다.