부트스트랩을 가져오는 방법

Bootstrap 프레임워크를 가져오는 방법에는 4가지가 있습니다. CDN을 통해 HTML 코드를 추가합니다. npm을 사용하여 JavaScript 파일을 설치하고 가져옵니다. Bootstrap을 다운로드하고 로컬 CSS 및 JavaScript 파일을 참조하세요. Sass 또는 Less를 통해 전처리기 파일을 설치하고 가져옵니다.

Bootstrap을 가져오는 방법

Bootstrap은 웹 개발을 단순화하고 반응형 웹 사이트를 만드는 인기 있는 프런트 엔드 프레임워크입니다. Bootstrap을 가져오는 방법에는 여러 가지가 있습니다.

1. CDN(Content Delivery Network)

이것이 가장 쉬운 방법입니다. HTML 헤드 섹션에 다음 코드를 추가합니다.

<code class="html"><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script></code>

2. Node.js 패키지 관리자(npm)

JavaScript 패키지 관리자 npm을 사용하는 경우 다음 명령을 실행할 수 있습니다.

<code class="shell">npm install bootstrap --save</code>

그런 다음 Bootstrap에서

<code class="javascript">import 'bootstrap'</code>

3. 로컬 다운로드

Bootstrap 웹사이트에서 최신 버전을 다운로드하고 해당 파일을 프로젝트 디렉터리에 복사합니다. 그런 다음 코드에서 이를 참조하세요.

<code class="html"><link href="/path/to/bootstrap.min.css" rel="stylesheet">
<script src="/path/to/bootstrap.bundle.min.js"></script></code>

4. Sass 또는 Less를 통해 설치

Sass 또는 Less 전처리기를 사용하는 경우 Sass 또는 Less 버전의 Bootstrap을 설치할 수 있습니다.

<code class="shell"># Sass
npm install bootstrap-sass --save

# Less
npm install bootstrap-less --save</code>

그런 다음 Bootstrap을 Sass 또는 Less 파일로 가져옵니다.

<code class="sass">@import 'bootstrap'</code>

참고:

• Bootstrap 4 버전의 경우 5.2.0-beta1를 4.6.2로 바꾸세요. 코드>. <code>5.2.0-beta1 替换为 4.6.2。
• 对于 Bootstrap 5 Alpha 版本，将 5.2.0-beta1 替换为 5.0.0-alpha6
Bootstrap 5 Alpha 버전의 경우 5.2.0-beta1를 5.0.0-alpha6으로 바꾸세요.
• 다른 CSS 파일 앞에 Bootstrap.css를 배치하세요.

🎜

위 내용은 부트스트랩을 가져오는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!