twbs/bootstrap

어떤 프로젝트인가요?

핵심 기능

• 01반응형 그리드 시스템과 모바일 우선 브레이크포인트.
• 02내비게이션 바, 모달, 폼, 카드 등 사전 제작된 컴포넌트.
• 03간격, 색상, 레이아웃을 조정하는 유틸리티 클래스.
• 04테마 변수를 커스터마이즈할 수 있는 Sass 소스.
• 05논리 속성을 통해 LTR 및 RTL 레이아웃을 지원하는 CSS.

활용 사례

• 반응형 마케팅 사이트나 랜딩 페이지를 빠르게 구축.
• 표준 UI 컴포넌트로 관리자 대시보드와 내부 도구 제작.
• 서버 렌더링 또는 정적 HTML 프로젝트에 일관된 디자인 시스템 적용.

빠른 시작

1. 1

   npm으로 설치

   npm install bootstrap@6.0.0-alpha.1
2. 2

   또는 yarn으로 설치

   yarn add bootstrap@6.0.0-alpha.1
3. 3

   또는 저장소 클론

   git clone https://github.com/twbs/bootstrap.git

사용 전 알아둘 점

• !기본 브랜치는 Bootstrap 6이며, 현재 알파 프리릴리스 상태입니다.
• !Bootstrap 5 문서와 소스는 별도의 v5-dev 브랜치에 있습니다.

토픽

자주 묻는 질문

bootstrap은(는) 무엇인가요?

반응형 모바일 우선 웹사이트를 만드는 데 쓰이는 인기 프런트엔드 프레임워크로, HTML·CSS·Sass/JavaScript 컴포넌트를 제공합니다. Bootstrap은 반응형 모바일 우선 웹 페이지를 만들기 위한 프런트엔드 프레임워크입니다. 그리드 시스템과 내비게이션 바, 모달, 폼, 카드 같은 재사용 가능한 UI 컴포넌트, 간격·색상·레이아웃을 조정하는 유틸리티 클래스를 제공하며, 모두 CSS로 작성되어 있고 JavaScript 동작은 선택적으로 사용할 수 있습니다.

bootstrap은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

bootstrap은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

bootstrap은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. bootstrap의 마지막 커밋은 2026년 10월 20일입니다.

bootstrap은(는) 어디에 사용할 수 있나요?

반응형 마케팅 사이트나 랜딩 페이지를 빠르게 구축. 표준 UI 컴포넌트로 관리자 대시보드와 내부 도구 제작. 서버 렌더링 또는 정적 HTML 프로젝트에 일관된 디자인 시스템 적용.

bootstrap는 어떻게 설치하나요?

npm으로 설치: npm install bootstrap@6.0.0-alpha.1 또는 yarn으로 설치: yarn add bootstrap@6.0.0-alpha.1 또는 저장소 클론: git clone https://github.com/twbs/bootstrap.git

bootstrap은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/twbs/bootstrap