Bootstrap은 twitter에서 개발한 오픈소스 HTML/CSS/JS framework 이다.
bootstrap은 크로스 브라우징을 위한 각종 핵도 들어 있고, 웹 브라우저 크기에 따라 자동으로 정렬되는 "그리드 시스템"을 채용하고 있기 때문에 하나의 웹 페이지를 데스크탑, 태블릿, 스마트폰 모두에서 무리없이 보게 만들 수 있는 '반응형 웹디자인'을 지원한다.
-bootstrap은 모바일 친화적이다
*bootstrap 공식 사이트에서 적절한 렌더링과 확대/축소를 위해, 당신의 <head> 에 viewport 메타태그를 추가하길 권장한다.
<meta name="viewport" content="width=device-width, initial-scale=1">*확대/축소 기능을 끄는것은 추천하지 않는다.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-기본적인 bootstrap의 그리드 시스템
-container : 사이트 콘텐츠를 감싸고 그리드 시스템을 만드는 요소
-jumbotron : grid의 범위를 넘어서 웹페이지의 full width를 차지한다.
-cos-sm-? : ?에 해당하는 수만큼 grid column을 차지한다.
'개발 > CSS' 카테고리의 다른 글
| float (0) | 2021.02.16 |
|---|---|
| display속성(block, inline, inine-block) (0) | 2021.02.16 |
| postion 속성 (0) | 2021.02.16 |
| grid (0) | 2021.01.13 |
| flexbox (0) | 2021.01.11 |