Топ-25 запитань і відповідей на інтерв’ю Bootstrap (2024)

Ось питання та відповіді на інтерв’ю Bootstrap для новачків, а також для досвідчених кандидатів у Front End-розробників, щоб отримати роботу своєї мрії.


1) Поясніть, що таке Bootstrap?

Bootstrap — це платформа HTML, CSS і JS для створення багатофункціональних веб-додатків із мінімальними зусиллями. Цей фреймворк більше наголошує на створенні мобільних веб-додатків.

Безкоштовне завантаження PDF: Запитання та відповіді на інтерв’ю Bootstrap


2) Поясніть, чому вибрати Bootstrap для створення веб-сайтів?

Є кілька причин, чому ми вибираємо Bootstrap для створення веб-сайтів

  • Мобільна підтримка: для мобільних пристроїв забезпечує повну підтримку в одному файлі, а не в окремому файлі. Він підтримує адаптивний дизайн, включаючи налаштування CSS на основі різних типів пристроїв, розміру екрана тощо. Це зменшує додаткові зусилля для розробників.
  • Легко вчитися: Написати додаток у початковому завантаженні легко, якщо ви знаєте CSS і HTML
  • Підтримка браузера: Він підтримує всі популярні браузери, такі як Firefox, Opera, Safari, IE тощо.

3) Які ключові компоненти Bootstrap?

Ключовими компонентами Bootstrap є

  • CSS: Він поставляється з великою кількістю файлів CSS
  • будівельні ліси: Він забезпечує базову структуру з системою Grid, стилями посилань і фоном
  • Компоненти макета: Перелік компонентів макета
  • Плагіни JavaScript: Він містить багато jQuery і плагіни JavaScript
  • Налаштувати: Щоб отримати власну версію фреймворку, ви можете налаштувати свої компоненти

4) Поясніть, що таке завантажувачі класів у Bootstrap?

Завантажувач класів є частиною JRE (Java Runtime Environment), яка завантажує класи Java у віртуальне середовище Java. Завантажувачі класів також виконують процес перетворення іменованого класу в його еквівалентну двійкову форму.


5) Які типи макетів доступні в Bootstrap?

У Bootstrap є два типи макета

  • Розклад рідини: Гнучкий макет використовується, коли ви хочете створити програму зі 100% шириною та використовувати всю ширину екрана
  • Фіксований макет: Для стандартного екрана ви використовуватимете варіант фіксованого макета (940 пікселів).
Запитання для співбесіди Bootstrap
Запитання для співбесіди Bootstrap

6) Поясніть, що таке Bootstrap Grid System?

Для створення макета сторінки через серію рядків і стовпців, які містять ваш вміст, використовується Bootstrap Grid System.


7) Що таке зміщені стовпці в Bootstrap?

Для більш спеціалізованих макетів зміщення є корисною функцією. Щоб збільшити відстань, їх можна використати, натиснувши колонку.

Наприклад, .col-xs=* класи не підтримують зміщення, але їх легко відтворити за допомогою порожньої комірки


8) Що таке впорядкування стовпців у Bootstrap?

Упорядкування стовпців є однією з функцій, доступних у початковому завантаженні, і ви можете легко писати стовпці в порядку та показувати їх в іншому. с .col-md-push-* та .col-md-pull-*

порядок колонки можна легко змінити.

Запитання та відповіді на інтерв’ю Bootstrap
Запитання та відповіді на інтерв’ю Bootstrap

9) Яку функцію можна використовувати для обтікання вмістом сторінки?

Щоб обернути вміст сторінки, ви можете використовувати .контейнер і використовуючи це, ви також можете центрувати вміст.


10) Поясніть, що таке пагінація у початковому завантаженні та як вони класифікуються?

Пагінація — це обробка невпорядкованого списку за допомогою початкового завантаження. Для обробки сторінки bootstrap надає такі класи

  • .pagination: Щоб отримати розбивку сторінок на своїй сторінці, ви повинні додати цей клас
  • .вимкнено, .активно: Налаштуйте посилання за допомогою .disabled для неактивних посилань і .active для позначення поточної сторінки
  • .pagination-Ig, .pagination-sm: Використовуйте ці класи, щоб отримати предмет різного розміру

11) Яке використання Jumbotron у Bootstrap?

У системі початкового завантаження Jumbotron зазвичай використовується для вмісту, який ви хочете виділити, як-от якийсь слоган або маркетинговий заголовок тощо, іншими словами, він використовується для збільшення розміру заголовків і додавання поля для вмісту цільової сторінки.

Щоб використовувати Jumbotron у Bootstrap

  • Створіть контейнер з класом .jumbotron

12) Яка різниця між Bootstrap і Foundation?

Bootstrap фонд
– Bootstrap пропонує необмежену кількість елементів інтерфейсу – У Foundation UI параметри елементів дуже обмежені
– Bootstraps використовує пікселі – Основа використовує REM
– Bootstrap заохочує створювати дизайн як для комп’ютерів, так і для мобільних пристроїв. – Фонд закликає спочатку розробляти мобільний
– Bootstrap підтримує LESS як препроцесор – Підтримка фонду Sass і Компас як його препроцесор

 


13) Якими двома способами можна відобразити код у Bootstrap?

У програмі початкового завантаження ви можете відобразити код двома способами

  • tag : Якщо ви збираєтеся відображати код вбудовано, вам слід використовувати tag
  • тег: Якщо ви хочете відобразити код як окремий елемент блоку або він має кілька рядків, вам слід використовувати тег

14) Поясніть, які етапи створення базових або вертикальних форм?

Кроки для створення базових або вертикальних форм є

  • Додайте роль форма до батьків елемент
  • Оберніть мітки та елементи керування в a з класом .form-group. Це необхідно для досягнення оптимальної відстані
  • Додайте клас .form-control до всіх текстур , та елементи <select>

15) Поясніть, для чого використовується модуль Modal у Bootstrap?

Модальне вікно - це дочірнє вікно, яке накладається на батьківське вікно. За допомогою спеціального плагіна Jquery створюється Bootstrap Modal. Щоб збагатити користувальницький досвід і додати користувачам функціональність, модальні вікна створюються за допомогою модуля Modal.


16) Поясніть, що таке Bootstrap Container?

Контейнер Bootstrap — це корисний клас, який створює центральну область на сторінці, куди можна розмістити вміст нашого сайту. Перевага початкового контейнера .container полягає в тому, що він адаптивний і розміщує весь наш інший HTML-код.


17) Поясніть, що таке згортання елементів Bootstrap?

Згортання елементів Bootstrap дає змогу згортати будь-який окремий елемент без написання коду JavaScript або акордеонної розмітки. Щоб застосувати елементи, що згортаються, у Bootstrap потрібно додати data-toggle= “collapse” до елемента контролера разом із data-target або href, щоб автоматично призначити керування елементом, що згортається. Так само можна використовувати .collapse (параметри), .collapse ('показати') або .collapse ('сховати')


18) Поясніть, що таке група списку в Bootstrap і яка від неї користь?

Групи списків — це компоненти для відображення простих і складних елементів із спеціальним вмістом

Наприклад, проста група списку створюється за допомогою класу .list-group для адресації списку та класу .list-group-item для адресації окремого елемента.


19) Як можна додати значок до групи списку в Bootstrap?

Щоб додати значок до групи списку в Bootstrap, вам потрібно просто додати в межах елемент.


20) Поясніть, що таке медіа-об’єкт у Bootstrap і які вони типи?

Медіа-об’єкти в Bootstrap дозволяють розміщувати медіа-об’єкти, наприклад зображення, відео або аудіо, ліворуч або праворуч від блоків вмісту. Медіа-елемент можна створити за допомогою класу .media і джерело вказується у використанні класу .медіа-об'єкт. Медіа-об'єкти бувають двох типів,

Вони бувають двох видів

  • .media
  • .media-list

21) Поясніть, що таке Bootstrap well?

Bootstrap well - це контейнер через що вміст виглядає втопленим або має ефект вставки на сторінці. Щоб створити свердловину, оберніть вміст, який ви хочете відобразити в свердловині, за допомогою a що містить клас .well.

 


22) Поясніть, як ви можете створити елементи Nav у Bootstrap?

Bootstrap пропонує різні варіанти стилізації елементів навігації, усі вони використовують однакову розмітку та базовий клас .nav.

Щоб створити табличну навігацію або вкладки

  • Почніть із базового невпорядкованого списку з базовим класом .nav
  • Потім додайте клас .nav-вкладки

23) Поясніть, для чого корисний плагін Bootstrap Carousel?

Плагін Carousel використовується для додавання слайдера на ваш сайт. Це корисно, коли ви хочете відобразити величезну кількість вмісту на невеликому просторі веб-сторінок. Деякі стандартні каруселі включають

  • .carousel (параметри)
  • .carousel ('цикл')
  • .carousel ('пауза')
  • .carousel ('номер')
  • .carousel ('попередній')
  • .carousel ('наступний')

Ці запитання для співбесіди також допоможуть вам у життєдіяльності (усному)

Поділитись

14 Коментарі

  1. Аватара reddu reddy каже:

    ПОМИЛКА TCPDF: Будь ласка, явно встановіть шлях атрибута дії!

    Неможливо завантажити PDF

  2. Аватара сатіш мурапака каже:

    Bootstrap — це не тільки фреймворк JS. Це схоже на визначення: «Bootstrap — найпопулярніший фреймворк HTML, CSS і JS для розробки адаптивних мобільних перших проектів в Інтернеті». Будь ласка, виправте це.

  3. Аватара пандей каже:

    так, будь ласка, змініть перший рядок, це не фреймворк js

  4. Аватара Smarts Technologies.com каже:

    дуже цікаві запитання для співбесіди

  5. Аватара Танмай Дас каже:

    виправте перше запитання. Bootstrap не є звичайним фреймворком, це фреймворк HTML, CSS і JS, який також використовується для створення адаптивного дизайну та макета.

  6. Шобхіт Кумар каже:

    4) Поясніть, що таке завантажувачі класів у Bootstrap?
    Концепція завантажувачів класів не пов’язана із початковим завантаженням Twitter, оскільки це середовище на стороні клієнта.
    Я вважаю, що це частина середовища Java

  7. Аватара Сандіп Банерджі каже:

    Це була справді хороша інформація, оскільки фід дасть хороший старт для початківців.

  8. Аватара Уністал каже:

    Надзвичайно хороший путівник для людей

залишити коментар

Ваша електронна адреса не буде опублікований. Обов'язкові поля позначені * *