상위 25개 부트스트랩 인터뷰 질문 및 답변(2025)

꿈의 직업을 얻기 위한 신입생과 숙련된 프런트 엔드 개발자 후보자를 위한 부트스트랩 인터뷰 질문과 답변은 다음과 같습니다.

---

1) 부트스트랩이 무엇인지 설명해주세요.

Bootstrap은 최소한의 노력으로 풍부한 웹 애플리케이션을 구축하기 위한 HTML, CSS 및 JS 프레임워크입니다. 이 프레임워크는 모바일 웹 애플리케이션 구축에 더 중점을 둡니다.

무료 PDF 다운로드: 부트스트랩 인터뷰 질문 및 답변

---

2) 웹사이트 구축을 위해 Bootstrap을 선택하는 이유를 설명해주세요.

웹사이트 구축을 위해 Bootstrap을 선택하는 데는 몇 가지 이유가 있습니다.

• 모바일 지원: 모바일 장치의 경우 별도의 파일이 아닌 하나의 단일 파일에서 전체 지원을 제공합니다. 조정을 포함한 반응형 디자인을 지원합니다. CSS 다양한 유형의 장치, 화면 크기 등에 따라 달라집니다. 개발자의 추가 노력을 줄여줍니다.
• 배우기 쉬움 : CSS를 알고 있으면 부트스트랩으로 애플리케이션을 작성하는 것이 쉽습니다. HTML
• 브라우저 지원: Firefox, Opera, Safari, IE 등과 같은 널리 사용되는 모든 브라우저를 지원합니다.

---

3) 부트스트랩의 핵심 구성요소는 무엇입니까?

Bootstrap의 주요 구성 요소는 다음과 같습니다.

• CSS: 많은 CSS 파일이 함께 제공됩니다.
• 비계: 그리드 시스템, 링크 스타일 및 배경을 갖춘 기본 구조를 제공합니다.
• 레이아웃 구성요소: 레이아웃 구성 요소 목록
• 자바스크립트 플러그인: 그것은 많은 것을 포함합니다 jQuery를 및 자바스크립트 플러그인
• 사용자 정의: 자신만의 프레임워크 버전을 얻으려면 구성요소를 맞춤설정할 수 있습니다.

---

4) Bootstrap의 클래스 로더가 무엇인지 설명해주세요.

클래스 로더는 Java 클래스를 Java 가상 환경에 로드하는 JRE(Java Runtime Environment)의 일부입니다. 클래스 로더는 명명된 클래스를 동등한 바이너리 형식으로 변환하는 프로세스도 수행합니다.

---

5) Bootstrap에서 사용할 수 있는 레이아웃 유형은 무엇입니까?

Bootstrap에는 두 가지 유형의 레이아웃을 사용할 수 있습니다.

• 유동적인 레이아웃: 유동 레이아웃은 너비가 100%이고 화면 너비를 모두 사용하는 앱을 만들고 싶을 때 사용됩니다.
• 고정 레이아웃: 표준 화면의 경우 고정 레이아웃(940px) 옵션을 사용합니다.

---

6) 부트스트랩 그리드 시스템이 무엇인지 설명해주세요.

콘텐츠를 수용하는 일련의 행과 열을 통해 페이지 레이아웃을 생성하려면 부트스트랩 그리드 시스템이 사용됩니다.

---

7) Bootstrap의 오프셋 열이란 무엇입니까?

보다 전문화된 레이아웃의 경우 오프셋이 유용한 기능입니다. 더 많은 간격을 두고 싶다면 기둥을 밀어서 사용할 수 있습니다.

예를 들어, .col-xs=* 클래스 오프셋을 지원하지 않지만 빈 셀을 사용하여 쉽게 복제됩니다.

---

8) Bootstrap의 열 순서 지정이란 무엇입니까?

열 순서 지정은 부트스트랩에서 사용할 수 있는 기능 중 하나이며 열을 순서대로 쉽게 작성하고 다른 열에 표시할 수 있습니다. 와 함께 .col-md-푸시-* 그리고 .col-md-풀-*

열의 순서는 쉽게 변경할 수 있습니다.

---

9) 페이지 콘텐츠를 래핑하는 데 사용할 수 있는 기능은 무엇입니까?

페이지 콘텐츠를 래핑하려면 사용할 수 있습니다. .컨테이너 이를 사용하면 콘텐츠를 중앙에 배치할 수도 있습니다.

---

10) 부트스트랩의 페이지 매김이 무엇이며 어떻게 분류되는지 설명하세요.

페이지 매김은 부트스트랩으로 정렬되지 않은 목록을 처리하는 것입니다. 페이지 매김을 처리하기 위해 부트스트랩은 다음 클래스를 제공합니다.

• .쪽수 매기기: 페이지에 페이지 매김을 적용하려면 이 클래스를 추가해야 합니다.
• .비활성화, .활성: 클릭할 수 없는 링크는 .disabled로, 현재 페이지를 나타내려면 .active로 링크를 사용자 정의하세요.
• .pagination-Ig, .pagination-sm: 이 클래스를 사용하여 다양한 크기의 항목을 얻으십시오.

---

11) Bootstrap에서 Jumbotron을 사용하는 방법은 무엇입니까?

부트스트랩에서 Jumbotron은 일반적으로 슬로건이나 마케팅 헤드라인 등과 같이 강조하려는 콘텐츠에 사용됩니다. 즉, 제목 크기를 확대하고 랜딩 페이지 콘텐츠에 여백을 추가하는 데 사용됩니다.

Bootstrap에서 Jumbotron을 사용하려면

• 컨테이너 만들기 .jumbotron 클래스 사용

---

12) 부트스트랩과 파운데이션의 차이점은 무엇입니까?

부트 스트랩	Foundation
– 부트스트랩은 UI 요소를 무제한으로 제공합니다.	– Foundation UI 요소 옵션의 수가 매우 제한되어 있습니다.
– 부트스트랩은 픽셀을 사용합니다.	– 재단은 REM을 사용합니다.
– Bootstrap은 데스크톱과 모바일 모두를 위한 디자인을 권장합니다.	– 재단은 모바일 우선 디자인을 장려합니다.
– 부트스트랩은 전처리기로 LESS를 지원합니다.	– 재단 지원 말대꾸 Compass를 전처리기로 사용

 

---

13) Bootstrap에서 코드를 표시할 수 있는 두 가지 방법은 무엇입니까?

부트스트랩에서는 두 가지 방법으로 코드를 표시할 수 있습니다.

• tag : 코드를 인라인으로 표시하려면 tag 사용해야 합니다.
• 꼬리표: 코드를 독립형 블록 요소로 표시하거나 여러 줄로 표시하려면 다음을 사용해야 합니다. 꼬리표

---

14) 기본 또는 수직 형태를 만드는 단계는 무엇입니까?

기본 또는 수직 형태를 만드는 단계는 다음과 같습니다.

• 역할 추가 형태 부모에게 요소
• 레이블과 컨트롤을 수업과 함께 .form-group. 최적의 간격을 얻으려면 이것이 필요합니다.
• 클래스를 추가하세요 .form-control 모든 texturl에 , 및 <select> 요소

---

15) Bootstrap에서 Modal 플러그인이 무엇을 위해 사용되는지 설명해주세요.

모달은 상위 창 위에 겹쳐지는 하위 창입니다. 사용자 정의 Jquery 플러그인을 사용하여 Bootstrap Modal이 생성됩니다. 사용자 경험을 풍부하게 하고 사용자에게 기능을 추가하기 위해 모달 플러그인의 도움으로 모달 창이 생성됩니다.

---

16) 부트스트랩 컨테이너가 무엇인지 설명해주세요.

부트스트랩 컨테이너는 유용하며 사이트 콘텐츠를 넣을 수 있는 페이지 내 중앙 영역을 만드는 클래스입니다. bootstrap .container의 장점은 반응성이 뛰어나고 다른 모든 HTML 코드를 배치한다는 것입니다.

---

17) 부트스트랩 축소 요소가 무엇인지 설명하세요.

부트스트랩 요소 축소를 사용하면 JavaScript 코드나 아코디언 마크업을 작성하지 않고도 특정 요소를 축소할 수 있습니다. Bootstrap에서 축소 요소를 적용하려면 data-target 또는 href와 함께 컨트롤러 요소에 data-toggle= “collapse”를 추가하여 축소 가능한 요소의 제어를 자동으로 할당해야 합니다. 마찬가지로 .collapse(옵션), .collapse('표시') 또는 .collapse('숨기기')를 사용할 수 있습니다.

---

18) 부트스트랩의 목록 그룹이 무엇이고 그 용도는 무엇인지 설명하세요.

목록 그룹은 사용자 정의 콘텐츠와 함께 단순 요소와 복잡한 요소를 모두 표시하는 구성 요소입니다.

예를 들어, 간단한 목록 그룹은 클래스를 사용하여 생성됩니다. .list-그룹 목록을 다루려면 .list-group-item 클래스를 사용하고 개별 항목을 다루어야 합니다.

---

19) 부트스트랩의 목록 그룹에 배지를 어떻게 추가할 수 있나요?

Bootstrap의 목록 그룹에 배지를 추가하려면 간단히 추가해야 합니다. 내 요소.

---

20) 부트스트랩의 미디어 객체가 무엇이고 그 유형은 무엇인지 설명해주세요.

Bootstrap의 미디어 개체를 사용하면 이미지, 비디오 또는 오디오와 같은 미디어 개체를 콘텐츠 블록의 왼쪽이나 오른쪽에 배치할 수 있습니다. 클래스를 사용하여 미디어 요소를 만들 수 있습니다. .미디어 소스는 클래스를 사용할 때 지정됩니다. .media-객체. 미디어 객체는 두 가지 유형이 있습니다.

그들은 두 가지 유형이 있습니다

• .미디어
• .media 목록

---

21) 부트스트랩이 무엇인지 잘 설명해주세요.

부트스트랩 웰은 컨테이너입니다. 콘텐츠가 페이지에 움푹 들어간 것처럼 보이거나 삽입 효과가 나타나는 것입니다. 우물을 만들려면 우물에 표시하려는 콘텐츠를 .well 클래스를 포함합니다.

 

---

22) Bootstrap에서 Nav 요소를 생성하는 방법을 설명해주세요.

부트스트랩은 탐색 요소 스타일을 지정하기 위한 다양한 옵션을 제공하며 모두 동일한 마크업과 기본 클래스 .nav를 사용합니다.

테이블 형식 탐색 또는 탭을 만들려면

• 기본 클래스를 사용하여 기본 순서가 지정되지 않은 목록으로 시작합니다. .nav
• 그런 다음 수업을 추가하세요. .nav-탭

---

23) Bootstrap Carousel 플러그인의 용도를 설명해주세요.

Carousel 플러그인은 사이트에 슬라이더를 추가하는 데 사용됩니다. 웹페이지의 작은 공간에 많은 양의 컨텐츠를 표시하고 싶은 상황에서 유용합니다. 표준 캐러셀 중 일부에는 다음이 포함됩니다.

• .carousel(옵션)
• .carousel ('사이클')
• .carousel('일시 중지')
• .carousel ('숫자')
• .carousel('이전')
• .carousel('다음')

이 인터뷰 질문은 당신의 비바(구술)에도 도움이 될 것입니다.