Bulma 설치하기
Bulma 설치하기 (How to install Bulma)
Bulma를 프로젝트에 도입하는 방법은 크게 두 가지예요. 컴파일된 CSS 파일을 통째로 가져다 쓰거나, Sass 라이브러리를 설치해서 나만의 테마를 만들어 사용할 수 있지요. 상황에 맞는 방법을 골라 보세요.
출처: 문서
본문
Bulma를 설치하는 방법은 두 가지예요. 프로젝트에 필요한 방식대로 선택하면 됩니다.
Bulma CSS 파일 가져오기
Bulma 전체를 포함하는 단일 .css 파일을 제공해요.
추천: 옵션 1. CDN 사용하기
CSS 파일을 jsDelivr에서 바로 불러올 수 있어요.
CSS @import 방식:
@import "https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css";
HTML <link /> 방식:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"
>
v1이 출시된 이후부터는 논리 속성(logical properties) 덕분에 메인 버전이 RTL 환경에서도 동작해요. 그래서 더 이상 별도의 RTL용 Bulma 버전을 개발하지 않습니다. Bulma는 cdnjs에서도 사용할 수 있어요.
옵션 2. GitHub 릴리스를 다운로드하기
최신 Bulma 릴리스를 GitHub에서 .zip 파일로 받을 수 있어요. Download v1.0.4 버튼을 누르면 됩니다.
Bulma Sass 라이브러리 가져오기
나만의 Bulma 버전을 만들 수 있도록 .scss 파일 모음을 제공해요.
추천: 옵션 1. NPM 패키지 설치하기
Bulma는 npm을 통해 설치할 수 있어요.
npm:
npm install bulma
yarn:
yarn add bulma
Bulma는 cdnjs에서도 사용할 수 있어요.
옵션 2. GitHub 저장소 클론하기
Bulma는 GitHub에서도 사용할 수 있어요.
SSH:
git clone [email protected]:jgthms/bulma.git
HTTPS:
git clone https://github.com/jgthms/bulma.git
GitHub CLI:
gh repo clone jgthms/bulma
참고로 GitHub 저장소에는 이 문서도 함께 포함되어 있어서 NPM 패키지보다 훨씬 큽니다.