부트스트랩

💡

부트스트랩 많이 쓰는 태그 - stupefyee

기술정리

https://inblog.ai/stupefyee/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9-%EB%A7%8E%EC%9D%B4-%EC%93%B0%EB%8A%94-%ED%83%9C%EA%B7%B8-37103?traffic_type=internal

정의

• 프레임워크
• HTML
• CSS
• JavaScript
• 웹 개발 간소화

특징

• 반응형 디자인
• 다양한 디바이스 지원
• 그리드 시스템 제공

• 컴포넌트 제공
• 버튼
• 카드
• 네비게이션 바
• 모달 등

• 브라우저 호환성
• 주요 브라우저 지원

구성 요소

• CSS
• 스타일링
• 유연한 레이아웃

• JavaScript
• 동적 기능
• 모달, 드롭다운 등

• 아이콘
• FontAwesome 등과 호환

장점

• 빠른 개발
• 사전 정의된 스타일 활용

• 유지보수 용이
• 커뮤니티 지원

• 사용 용이
• 간단한 적용

사용 방법

1. CDN
• 코드에 Bootstrap 링크 추가

2. 다운로드
• 프로젝트 폴더에 직접 추가

3. NPM/패키지 매니저
• npm install bootstrap

주요 파일

• bootstrap.min.css
• 최소화된 CSS 파일

• bootstrap.bundle.min.js
• JavaScript와 Popper.js 포함

활용 사례

• 개인 프로젝트

• 기업 웹사이트

• 대시보드

• 반응형 웹 디자인