Q # 12) What is a progress bar in bootstrap?

Answer: Progress bar is used with HTML tag style in HTML element using < progress > keyword. In bootstrap, we use html5 < progress > with CSS classes that have special features in bootstrap, which is only made for the progress bar.

Q # 13) Name the contextual classes that are used with the progressive bar in bootstrap.

Answer: The contextual classes used with progressive bar are as follows.

• Progress-success
• Progress-info
• Progress-warning
• Progress-danger

Q # 14) What are responsive utility classes in Bootstrap?

Answer: Responsive utility classes in bootstrap are a set of classes that are used to conceal or exhibit the HTML elements based on screen resolution that discerns by media query in bootstrap.

Example: “hidden-md-down”, It hides

Q # 15) What are the different button styles in Bootstrap?

Answer: In bootstrap, there are seven styles which we can use with the bootstrap button.

• .btn-default.
• .btn-primary
• .btn-success
• .btn-info
• .btn-warning.
• .btn-danger.
• .btn-link.

Q # 16) What are Bootstrap alerts?

Answer: This is used to create presume alert messages, which adds style to the messages to look more noticeable to the user.

There are four classes in alerts : .alert-success, .alert-info, .alert-warning, .alert-danger.

Q # 17) Define Bootstrap thumbnails.

Answer: It is a way to use the layout images, videos, text, etc. in a grid system. We can create thumbnails by adding a tag with the class .thumbnails around the image.

This will add four pixels of padding and a grey border.

Q # 18) Explain Modal plugin in Bootstrap.

Answer: A model is an inherited window that is layered over its parent window. This is used to augment the user experience and adds different functionalities to the users. Model windows are created with the help of the modal plugin.

Q # 19) Which class is used for pagination in Bootstrap?

Answer: To add pagination on the webpage we have to use the class .pagination .

Q # 20) Explain what is Bootstrap collapsing elements.

애니메이션을 무료로 볼 수있는 곳

Answer: It allows you to collapse any particular element without using any JavaScript code.

To use this feature in bootstrap you have to add data-toggle=” collapse” to the controller element along with a data target to automatically assign the control of a collapsible element. We can use this by writing .collapse(options) etc.

Q # 21) What is Bootstrap Well?

Answer: Bootstrap well is a form of container which thrives or makes the content look recessed on the web page. It also wraps the content by using .well class.

Q # 22) Explain the uses of the carousel plugin in Bootstrap.

Answer: Carousel plugin in bootstrap is used to make sliders in the web pages or your site. There are several carousel plugins that are used in bootstrap to display large contents within a small space by adding sliders.

Example: .carousel(options), .carousel(‘pause’), .carousel(cycle’), .carousel(‘prev’), .carousel(‘next’) .

Q # 23) What will be the output of the below code and why?

대답: 동일한 막대를 여러 개 배치하면 .진행 부모 요소, Bootstrap은 하나의 진행률 표시 줄에 쌓입니다. 아시다시피 부트 스트랩에서 진행률 표시 줄의 합계는 100 %입니다. 따라서 진행률 표시 줄은 결과를 전체 너비로 완전히 채워집니다.

큐 # 24) 부트 스트랩에서 페이지 매김 링크를 어떻게 사용자 정의 할 수 있습니까?

대답: 다음을 사용하여 링크를 사용자 정의 할 수 있습니다. .disabled 클릭 할 수없는 링크 및 .유효한 현재 페이지를 나타냅니다.

큐 # 25) Bootstrap의 입력 그룹을 설명하십시오.

대답: 부트 스트랩의 입력 그룹은 컨트롤에서 출력됩니다. 입력 그룹을 사용하여 텍스트 기반 입력에 쉽게 추가 및 추가 된 텍스트 또는 버튼을 추가 할 수 있습니다.

요소를 앞에 추가하고 추가 할 수 있습니다. .form-control 클래스 아래에있는 모든 요소를 .input-group. 그 후 추가 콘텐츠를클래스를 사용하여 동일하게 .input-group-addon 이 후 당신은 배치 할 수 있습니다입력 요소 앞 또는 뒤에있는 요소.

큐 # 26) Bootstrap에서 탭 탐색 메뉴를 만드는 방법을 작성하십시오.

대답: 기본 클래스로 정렬되지 않은 기본 목록을 만들어 탭 탐색을 만들 수 있습니다. . 아님 그런 다음 클래스를 추가 할 수 있습니다. .nav-tabs .

큐 # 27) Bootstrap에서 어떻게 알약 탐색 메뉴를 만들 수 있습니까?

대답: 부트 스트랩의 알약 탐색 메뉴는 처음에는 기본 클래스로 정렬되지 않은 목록을 만들어 생성됩니다. . 아님 그리고 그 후에 수업을 추가하십시오 .nav-pills .

큐 # 28) navbar는 부트 스트랩에서 어떻게 작동합니까?

대답: 부트 스트랩에서 navbar는 애플리케이션 및 사이트의 탐색 헤더로 작동하는 반응 형 메타 구성 요소를 만드는 탁월한 기능입니다. 모바일 뷰에서는 사용 가능한 뷰포트 너비가 증가함에 따라 navbar가 축소되고 수평이됩니다.

큐 # 29) Bootstrap에서 어떻게 navbar를 만들 수 있습니까?

대답: 처음에 부트 스트랩에 navbar를 만들려면 클래스를 추가해야합니다. .navbar , .navbar-default 태그에. 그런 다음 위의 요소에 role =”navigation”을 추가해야합니다. 이렇게하면 접근성이 떨어집니다.

헤더 클래스를 추가했습니다. .nav-header 포함 할 요소에 클래스 navbar 브랜드가있는 요소. 이것으로부터 우리는 더 큰 크기의 텍스트를 얻을 것입니다.

와 함께 .panel-title 제목에 더 많은 스타일을 제공하는 클래스.

큐 # 39) Bootstrap의 scrollspy 플러그인은 무엇입니까?

대답: 스크롤 위치에 따라 페이지의 섹션을 가져올 수있는 자동 업데이트 탐색 플러그인입니다. 이것은 다음과 같이 할 수 있습니다. .active 클래스 navbar 기반 스크롤 위치로 이동합니다.

큐 # 40) Bootstrap에서 affix 플러그인의 작업은 무엇입니까?

대답: 이 플러그인을 사용하면 페이지의 위치에를 첨부 할 수 있습니다.

페이지에서 소셜 아이콘을 사용하는 것은 아이콘이 한 위치에서 시작되는 것을 볼 수있는 예입니다. 그러나 페이지가 특정 마크에 도달하면 해당 위치가 차단되고 나머지 시간 동안 스크롤이 중지됩니다. 페이지.

큐 # 41) Bootstrap의 그리드 시스템은 무엇입니까?

대답: 그리드 시스템을 사용하여 한 페이지에 최대 12 개의 열을 만들 수 있습니다. UI 목적으로이를 위해 정의 된 여러 클래스가 있습니다.

큐 # 42) 부트 스트랩의 그리드 클래스는 무엇입니까?

대답: Bootstrap에는 4 개의 그리드 클래스가 있습니다.

그들은:

• xs (폭이 786px 미만인 전화기 화면에 사용됩니다.)
• sm (폭이 786px 이상인 태블릿 화면에 사용됩니다.)
• md (폭이 992px 이상인 소형 노트북 화면 용입니다.)
• LG (폭이 1200px 이상인 노트북 및 데스크탑 화면 용입니다.)

큐 # 43) Bootstrap Default Typography에서 사용되는 전역 스타일은 무엇입니까?

대답: Bootstrap에서 전역 기본 글꼴 크기는 14px이고 줄 높이는 1.428입니다. Helvetica 및 Arial에 대한 기본 글꼴 변경은 sans-serif 폴백을 사용하며 이러한 모든 스타일은 본문과 모든 단락에 모두 적용됩니다.

큐 # 44) 아래 코드의 출력은 무엇입니까?

.col-xs-12 .col-md-3

대답: 이것의 출력은 사용 된 col-xs-12 스 니펫에서 볼 수 있듯이 초소형 장치에 대한 그리드를 제공하고 col-md-3 클래스가 사용 된 것처럼 데스크톱 장치 이상에 대한 그리드도 제공합니다. 익숙한.

큐 # 45) Bootstrap이 제대로 작동하려면 어떤 종속성이 필요합니까?

대답: jQuery는 부트 스트랩이 제대로 작동하는 데 필요한 유일한 종속성이며 이는 부트 스트랩의 JavaScript 플러그인에만 해당됩니다.

큐 # 46) 아래 코드가 무엇을하는지 설명하십시오.

Home 36

대답: 이 코드는 수신 된 수, 수신 된 메시지 또는 요청 수 등과 같은 중요한 알림을 사용자에게 제공하는 인라인 배지가있는 링크를 생성합니다.

큐 # 47) Bootstrap에서 코드 표시에 사용되는 두 가지 코드는 무엇입니까?

대답: 코드는 tag and tag.

Q # 48) What is the difference between Bootstrap and Foundation?

Answer: Bootstrap uses very fewer preprocessors as it supports less and it allows the designing and development for both mobile and desktop. On the other hand, Foundation supports sass processors and it is used only for mobile UI designing.

Q # 49) What are Glyphicons in Bootstrap?

Answer: By this, we can use the icon simply anywhere in your code.

좋은 무료 음악 다운로더가 뭐야

큐 # 50) Bootstrap의 전환 플러그인은 무엇입니까?

대답: 모달에서 슬라이딩 또는 페이딩과 같은 간단한 전환 효과를 제공합니다.

큐 # 51) Bootstrap에서 수직 또는 기본 양식을 만드는 개념을 설명하십시오.

대답: 이를 위해 먼저 부모 요소에 역할 양식을 추가 한 다음 class.form-group으로 레이블과 컨트롤을 래핑 한 다음 모든 텍스트 url 및 요소에 .form-control 클래스를 추가해야합니다. .

결론

이 인터뷰 질문과 답변은 더 신선하고 경험 많은 레벨을 위해 Bootstrap 인터뷰를 깨는 데 도움이 될 것입니다. 그리고 이것은 인터뷰에서 가장 자주 묻는 질문입니다.

이 기사가 부트 스트랩의 기본과 고급 수준을 이해하는 데 도움이되었을 것이라고 확신합니다.

인터뷰에 최선을 다하길 바랍니다 !!

추천 도서

• 인터뷰 질문 및 답변
• ETL 테스트 인터뷰 질문 및 답변
• 가장 인기있는 50 가지 CCNA 인터뷰 질문 및 답변
• 50 최고의 PHP 인터뷰 질문 및 답변 (모두)
• 상위 50 개 이상의 데이터베이스 인터뷰 질문 및 답변
• 까다로운 수동 테스트 질문 및 답변
• 25 Best Agile Testing 인터뷰 질문 및 답변
• 답변이있는 스팍 인터뷰 질문 (가장 인기있는)