부트스트랩 구성요소를 사용하는 방법

angryTom
풀어 주다: 2020-05-15 09:20:45
원래의
5068명이 탐색했습니다.

부트스트랩 구성요소를 사용하는 방법

bootstrap은 프런트엔드 개발 프레임워크로, 이를 웹 개발에 사용하면 작업이 더 쉬워집니다. 간단하고 직관적이며 강력하며 친구들에게 깊은 사랑을 받고 있습니다. 부트스트랩에는 많은 구성요소가 있습니다. 구체적으로 어떻게 사용해야 할까요? 다음으로 편집자가 이를 공유해 드립니다.

부트스트랩에 대해 더 알고 싶다면 다음을 클릭하세요. 부트스트랩 사용법

1. 브라우저를 사용하여 부트스트랩 공식 웹사이트 페이지로 들어갑니다. 페이지 중앙에 있는 "Bootstrap3 Chinese Documentation" 버튼을 클릭합니다.

부트스트랩 구성요소를 사용하는 방법

2. Bootstrap3 중국어 문서 페이지에 들어간 후 위의 "구성 요소" 옵션을 클릭합니다.

부트스트랩 구성요소를 사용하는 방법

3. 컴포넌트 페이지에 들어가면 컴포넌트가 주로 간단한 설명과 구체적인 예시를 통해 우리에게 알려주는 것을 볼 수 있습니다.

부트스트랩 구성요소를 사용하는 방법

부트스트랩 구성요소를 사용하는 방법

4. 컴포넌트 인스턴스에는 컴포넌트 구현의 핵심 코드만 포함된다는 점에 유의하세요. 구성 요소의 기능을 구현하기 위해 코드를 사용해야 하는 경우. "시작" 페이지에서 부트스트랩 코드를 다운로드한 다음 해당 js 및 css 파일을 소개해야 합니다. 편의상 에디터는 시작 페이지의 기본 템플릿 코드를 직접 사용합니다.

부트스트랩 구성요소를 사용하는 방법

부트스트랩 구성요소를 사용하는 방법

부트스트랩 구성요소를 사용하는 방법

5. 새 html 파일을 만들고 해당 js 및 css 파일을 도입합니다. 그런 다음 body 태그 안에 샘플 코드를 붙여넣습니다. 여기서 편집기는 "탭 페이지" 인스턴스를 예로 사용합니다.

부트스트랩 구성요소를 사용하는 방법

6. 브라우저를 사용하여 html 페이지를 열면 예제 렌더링과 동일한 효과를 볼 수 있습니다. 일부 브라우저는 효과 표시에도 영향을 미치므로 처음 학습을 시작할 때 주의를 기울여야 합니다.

부트스트랩 구성요소를 사용하는 방법

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿