부트스트랩 ( bootstrap ) 이란?

5o_hyun·2022년 2월 7일
0
post-thumbnail

부트스트랩이란?

부트스트랩은 반응형 웹페이지를 위한 무료 소프트웨어이며 HTML, CSS, JS 템플릿을 모아둔 프레임워크이다.

쉽게말하면, 다른 사람들이 만들어논 css를 가져와서 사용하는 것이다.

  1. bootstrap.css를 불러오고, 해당파일에 정의된 버튼이나 레이아웃 등을 가져와서 사용
  2. 클래스로 간단하게 불러와서 사용
  3. 트위터에서 개발

부트스트랩 적용 방법

1. cdn에서 웹에서 지정되어있는 url 가져오는 방법

구글에 bootstrap cdn검색 > old ver > 3.4.1
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

2. 다운로드를 받은 후에 bootstrap.min.css를 적용하는 방법

부트스트랩 장점과 단점

장점

  • 빠른 개발 시간으로 인한 높은 생산성
  • pc 뿐만아니라 반응형으로 모바일을 함께 지원 --> 반응형

단점

  • 양산형 디자인으로 개성이 떨어짐
  • 낮은 웹페이지 로딩속도와 성능 ( 템플릿을 통째로 가져오기때문에 )

버전 3과 4의 차이

css와 화면 그리드에서 3->4버전 px -> em
IE8 이하 버전 지원 종료

부트스트랩 버전 3을 쓰는 이유

부트스트랩에서 관리자페이지는 여전히 버전 3을 지원한다.
summernote 는 부트스트랩이 버전 3로만 되어있다.

따라서 아직까지 기반 플러그인들이 3에 있는 경우가 많아서 버전 3을 사용했다.

profile
학생 점심 좀 차려

0개의 댓글