Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

부트스트랩 프레임워크를 사용하여 탭 만들기

탭은 추가 공간을 사용하지 않고도 다양한 정보 창을 볼 수 있게 해주는 UI(사용자 인터페이스) 요소입니다. 바인더나 책의 탭과 마찬가지로 페이지에 추가 정보를 표시하고 정보 창에 포함된 내용으로 식별됩니다. 탭을 클릭하면 해당 탭과 관련된 정보가 표시됩니다.

부트스트랩은 탭을 빠르게 만드는 데 도움이 되는 프레임워크입니다. 이 기사에서는 부트스트랩 설정 방법을 검토하고, 탭을 사용해야 하는 이유를 배우고, 부트스트랩 탭이 작동하는 몇 가지 예를 살펴봅니다.

시작하기

웹 페이지에서 탭을 볼 수 있도록 하기 위해 가장 먼저 해야 할 일은 적절한 종속성이 있는지 확인하는 것입니다. 이 프로젝트에는 Bootstrap, Popper.JS 및 jQuery가 필요합니다. 모든 종속성을 가져오는 데 도움이 필요한 경우 Bootstrap의 빠른 시작 페이지로 이동하십시오.

필요한 패키지를 연결하는 방법은 사용자에게 달려 있지만 가장 쉽고 초보자 친화적인 방법은 jQuery, Popper.js 및 Bootstrap용 콘텐츠 전달 네트워크인 CDN을 사용하는 것입니다.