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 згрупує їх в один єдиний індикатор прогресу. Як ми знаємо, у bootstrap сума індикатора прогресу становить 100%. Отже, рядок прогресу дасть результат як повну ширину та повністю заповнений.

Питання # 24) Як ми можемо налаштувати посилання на пагінацію в Bootstrap?

Відповідь: Ми можемо налаштувати посилання за допомогою .відключено для неможливих посилань і .активний для позначення поточної сторінки.

Питання # 25) Поясніть групу введення в Bootstrap.

Відповідь: Група вводу в bootstrap виводиться з елементів керування. Використовуючи групу введення, ми можемо легко додавати доданий та доданий текст або кнопку до текстових входів.

Ми можемо додавати та додавати елементи до .form-control беручи всі елементи в a під клас .input-group. Після цього розмістіть свій додатковий вміст усерединітим самим за допомогою класу .input-group-addon після цього ви можете розміститидо або після вхідного елемента.

Питання # 26) Напишіть способи створення меню навігації з вкладками в Bootstrap.

Відповідь: Ми можемо створити навігацію з вкладками, створивши базовий невпорядкований список із базовим класом .не і після цього ми можемо додати клас .nav-tabs .

Питання # 27) Як у Bootstrap можна створити меню навігації для таблеток?

Відповідь: Меню навігації пігулками в bootstrap створюється шляхом створення невпорядкованого списку спочатку з базовим класом .не і після цього додайте клас .nav-таблетки .

Питання # 28) Як працює панель навігації в Bootstrap?

Відповідь: У bootstrap навігаційна панель є видатною функцією створення адаптивного метакомпонента, який працює як заголовки навігації для вашої програми та сайту. У мобільному поданні панель навігації згортається і стає горизонтальною із збільшенням доступної ширини області перегляду.

Питання # 29) Як ми можемо створити панель навігації в Bootstrap?

Відповідь: Щоб спочатку створити панель навігації в завантажувальному стріппі, ми повинні додати класи .navbar , .navbar-default до мітки. Після цього ми повинні додати role = ”navigation” до вищезазначеного елемента, і це допоможе недоступності.

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

з .panel-title клас, щоб дати більше стилів у заголовку.

Питання # 39) Що таке плагін для прокрутки в Bootstrap?

Відповідь: Це автоматичне оновлення навігаційного плагіна, який дозволяє отримувати розділ сторінки на основі позиції прокрутки. Це може зробити клас. Active до позиції прокрутки на основі навігаційної панелі.

Питання # 40) Яка робота плагіна афікса у Bootstrap?

Відповідь: Цей плагін дозволяє прикріпити a до місця на сторінці.

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

Питання # 41) Що таке система сіток у Bootstrap?

Відповідь: Використовуючи систему сіток, ми можемо зробити до 12 стовпців на сторінці. Існують різні класи, які були визначені для цього для цілей інтерфейсу.

випадкове число від 0 до 1 c ++

Питання # 42) Що таке класи Grid у Bootstrap?

Відповідь: У Bootstrap є чотири класи сітки.

Вони є:

• xs (Використовується для екранів телефонів шириною менше 786 пікселів).
• sm (Використовується для екранів планшетів, ширина яких перевищує 786 пікселів).
• md (Це для маленького екрану ноутбука, розмір якого дорівнює або перевищує 992 пікселів).
• LG (Це для екранів ноутбуків та настільних комп'ютерів, які дорівнюють ширині більше 1200 пікселів).

Питання # 43) Які загальносвітові стилі використовуються у типографіці Bootstrap за замовчуванням?

Відповідь: У Bootstrap загальний розмір шрифту за замовчуванням - 14 пікселів, а висота рядка - 1,428. Зміни шрифтів за замовчуванням до Helvetica та Arial мають запасний варіант без засічок, і всі ці стилі застосовні як до основного тексту, так і до всіх абзаців.

Питання # 44) Яким буде результат нижченаведеного коду?

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

Відповідь: Результат цього дасть сітки для надмірно малих пристроїв, як ми бачимо у використаному фрагменті col-xs-12, а також дасть сітки для настільних пристроїв і вище, як і клас col-md-3 використовується.

Питання # 45) Які залежності потрібні Bootstrap для належної роботи?

Відповідь: jQuery - це єдина залежність, яку bootstrap вимагає для належної роботи, і це лише для плагінів JavaScript у bootstrap.

Питання # 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, а потім ми повинні додати клас .form-control до всієї текстової URL-адреси та елементів .

Висновок

Ці запитання та відповіді на інтерв’ю допоможуть вам зламати будь-яке інтерв’ю Bootstrap на більш свіжий, а також досвідчений рівень. І це найчастіші запитання, які задаються в інтерв’ю.

Я впевнений, що ця стаття допомогла б вам зрозуміти основи та просунутий рівень Bootstrap.

Бажаємо усього найкращого для Вашого співбесіди !!

Рекомендована література

• Запитання та відповіді на інтерв’ю
• Запитання та відповіді на інтерв’ю для тестування ETL
• 50 найпопулярніших запитань та відповідей на інтерв’ю CCNA
• 50 найкращих запитань та відповідей на інтерв’ю на PHP (ДЛЯ ВСІХ)
• Найкращі запитання та відповіді на співбесіду з базою даних 50+
• Деякі хитрі ручні тестування Питання та відповіді
• 25 найкращих запитань та відповідей на інтерв’ю для спритного тестування
• Запитання для інтерв’ю з Spock (найпопулярніші)