Топ 25 въпроса и отговора за Bootstrap интервю (2024)

Ето въпроси и отговори за интервю за Bootstrap за новопостъпили, както и за опитни кандидати за Front End разработчици, за да получат мечтаната работа.


1) Обяснете какво е Bootstrap?

Bootstrap е HTML, CSS и JS рамка за изграждане на богати уеб приложения с минимални усилия. Тази рамка акцентира повече върху изграждането на мобилни уеб приложения.

Безплатно изтегляне на PDF: Въпроси и отговори за Bootstrap интервю


2) Обяснете защо да изберете Bootstrap за изграждане на уебсайтове?

Има няколко причини, поради които избираме Bootstrap за създаване на уебсайтове

  • Мобилна поддръжка: За мобилни устройства предоставя пълна поддръжка в един файл, а не в отделен файл. Той поддържа отзивчив дизайн, включително регулиране на CSS въз основа на различните типове устройства, размера на екрана и т.н. Това намалява допълнителните усилия за разработчиците.
  • Лесен за научаване: Писането на приложение в bootstrap е лесно, ако знаете 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 px).
Въпроси за интервю за Bootstrap
Въпроси за интервю за Bootstrap

6) Обяснете какво е Bootstrap Grid System?

За създаване на оформление на страница чрез поредица от редове и колони, които съдържат вашето съдържание, се използва Bootstrap Grid System.


7) Какво представляват офсетните колони в Bootstrap?

За по-специализирани оформления отместванията са полезна функция. За повече разстояние те могат да се използват чрез натискане на колоната.

Например, .col-xs=* класове не поддържат отместване, но лесно се репликират с помощта на празна клетка


8) Какво е подреждане на колони в Bootstrap?

Подреждането на колони е една от наличните функции в bootstrap и можете лесно да пишете колони в ред и да ги показвате в друг. с .col-md-push-* намлява .col-md-pull-*

редът на колоната може лесно да се промени.

Въпроси и отговори за интервю за Bootstrap
Въпроси и отговори за интервю за Bootstrap

9) Каква функция можете да използвате, за да обвиете съдържанието на страница?

За да обвиете съдържанието на страница, можете да използвате .контейнер и с помощта на това можете също да центрирате съдържанието.


10) Обяснете какво представлява пагинацията в bootstrap и как се класифицират?

Странирането е обработката на неподреден списък от bootstrap. За да се справи с пагинацията, bootstrap осигурява следните класове

  • .страница: За да получите пагинация на вашата страница, трябва да добавите този клас
  • .забранено, .активно: Персонализирайте връзките чрез .disabled за връзки, върху които не може да се кликне, и .active, за да посочи текущата страница
  • .pagination-Ig, .pagination-sm: Използвайте тези класове, за да получите предмет с различен размер

11) Каква е ползата от Jumbotron в Bootstrap?

В bootstrap Jumbotron обикновено се използва за съдържание, което искате да подчертаете като някакъв лозунг или маркетингово заглавие и т.н., с други думи, той се използва за увеличаване на размера на заглавията и за добавяне на марж за съдържанието на целевата страница

За да използвате Jumbotron в Bootstrap

  • Създайте контейнер с класа на .jumbotron

12) Каква е разликата между Bootstrap и Foundation?

Bootstrap фундамент
– Bootstrap предлага неограничен брой UI елементи – Във Foundation UI елементи опциите са много ограничени в брой
– Bootstraps използва пиксели – Фондацията използва REM
– Bootstrap насърчава дизайна както за настолни компютри, така и за мобилни устройства. – Фондацията насърчава първо да се проектира мобилно
– Bootstrap поддържа LESS като препроцесор – Подкрепа от фондация дръзки приказки и Compass като негов препроцесор

 


13) В Bootstrap кои са двата начина, по които можете да покажете кода?

В bootstrap можете да показвате код по два начина

  • tag : Ако ще показвате вграден код, трябва да използвате tag
  • таг: Ако искате да покажете кода като самостоятелен блоков елемент или той има няколко реда, тогава трябва да използвате етикет

14) Обяснете какви са стъпките за създаване на основни или вертикални форми?

Стъпките за създаване на основни или вертикални форми са

  • Добавяне на роля форма към родителя елемент
  • Обвийте етикетите и контролите в a с класа .форма-група. Това е необходимо за постигане на оптимално разстояние
  • Добавете клас на .form-control към всички texturl , , и <select> елементи

15) Обяснете за какво се използва Modal plugin в Bootstrap?

Модалът е дъщерен прозорец, който е наслоен върху неговия родителски прозорец. С помощта на персонализиран Jquery Plugin се създават Bootstrap Modal. За обогатяване на потребителското изживяване и за добавяне на функционалност към потребителите се създават модални прозорци с помощта на Modal plugin.


16) Обяснете какво е Bootstrap Container?

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


17) Обяснете какво представляват свиващите елементи на Bootstrap?

Свиващите елементи на Bootstrap ви позволяват да свивате всеки отделен елемент, без да пишете код на JavaScript или маркиране на акордеон. В Bootstrap, за да приложите свиващи се елементи, трябва да добавите data-toggle= “collapse” към елемента на контролера заедно с data-target или href за автоматично присвояване на управление на сгъваем елемент. По същия начин можете да използвате .collapse (опции), .collapse ('покажи') или .collapse ('скрий')


18) Обяснете какво е група списък в Bootstrap и каква е ползата от нея?

Списъчните групи са компоненти за показване както на прости, така и на сложни елементи с персонализирано съдържание

Например, проста списъчна група се създава с помощта на клас .списък-група за адресиране на списъка и клас .list-group-item за адресиране на отделен елемент.


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

За да добавите значка към група списък в Bootstrap, трябва просто да добавите в рамките на елемент.


20) Обяснете какво е медиен обект в Bootstrap и какви са техните видове?

Медийните обекти в Bootstrap позволяват поставянето на медиен обект като изображение, видео или аудио отляво или отдясно на блоковете със съдържание. Медийният елемент може да бъде създаден с помощта на класа .средно аритметично и източникът е посочен при използване на класа .медиен-обект. Медийните обекти са два вида,

Те биват два вида

  • .средно аритметично
  • .медиен списък

21) Обяснете какво е Bootstrap добре?

Bootstrap well е контейнер което прави съдържанието да изглежда хлътнало или като вмъкнат ефект върху страницата. За да създадете кладенец, обвийте съдържанието, което искате да се появи в кладенеца, с a съдържащ класа на .well.

 


22) Обяснете как можете да създадете Nav елементи в Bootstrap?

Bootstrap предлага различни опции за оформяне на навигационни елементи, като всички те използват едно и също маркиране и основен клас .nav.

За създаване на таблична навигация или раздели

  • Започнете с основен неподреден списък с базовия клас на .nav
  • След това добавете клас .nav-табове

23) Обяснете каква е употребата на приставката Bootstrap Carousel?

Плъгинът Carousel се използва за добавяне на плъзгач към вашия сайт. Полезно е в случай, че искате да покажете огромно количество съдържание на малко пространство на уеб страниците. Част от стандартната въртележка включва

  • .carousel (опции)
  • .carousel ('цикъл')
  • .carousel ('пауза')
  • .carousel ('номер')
  • .carousel („предишна“)
  • .carousel („следващ“)

Тези въпроси за интервюто също ще ви помогнат във вашата viva (устна)

Сподели

14 Коментари

  1. въплъщение reddu reddy казва:

    TCPDF ГРЕШКА: Моля, изрично задайте пътя на атрибута на действие!

    Не може да изтегли PDF

    1. въплъщение Guru99 казва:

      За съжаление, PDF няма да работи с тази статия

  2. въплъщение сатиш мурапака казва:

    Bootstrap не е само JS рамка. Това е като определение „Bootstrap е най-популярната HTML, CSS и JS рамка за разработване на отзивчиви, първи мобилни проекти в мрежата.“ Моля, коригирайте го.

    1. въплъщение Guru99 казва:

      прав си! Промените са направени

  3. въплъщение пандей казва:

    да, моля, променете първия ред, а не js рамката

  4. въплъщение Smarts Technologies.com казва:

    много интересни въпроси за интервю

  5. въплъщение Танмай Дас казва:

    коригирайте първия въпрос. Bootstrap не е обикновена рамка, тя е HTML, CSS и JS рамка и също се използва за създаване на отзивчив дизайн и оформление.

  6. шобхит кумар казва:

    4) Обяснете какво представляват зареждащите класове в Bootstrap?
    Концепцията за зареждане на класове не е свързана с първоначалното зареждане на Twitter, тъй като това е клиентска среда.
    Вярвам, че е част от java среда

  7. въплъщение сандип банерджи казва:

    Това беше наистина добра информация, тъй като фийдът ще даде добър старт за начинаещи.

  8. въплъщение Унистал казва:

    Изключително добър пътеводител за хората

Оставете коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани *