top 51 bootstrap interview questions
Най-често задаваните въпроси и отговори за интервю за Bootstrap:
Тук, в тази статия, ние включихме списък с най-популярните въпроси за интервю и отговори за разбиване на интервюто с Bootstrap.
Това ще помогне да се пропусне интервюто както за опитни, така и за по-свежи кандидати.
Да тръгваме!!
Най-популярните въпроси и отговори за интервю за Bootstrap
Да започваме!!
В # 1) Определете Bootstrap.
Отговор: Bootstrap е интерфейс, който се използва за създаване на HTML, CSS и JS уеб приложения. Оформлението му е много отзивчиво, бързо и лесно за използване. Той се фокусира най-вече върху изграждането на мобилно приложение с шаблони за дизайн за създаване на потребителски интерфейс като падащо меню, формуляри, бутони, раздел „Сигнали“ и др.
В # 2) Защо Bootstrap се използва за разработка на мобилна мрежа?
Отговор: Използва се за разработване на мобилна мрежа, тъй като има отзивчиви дизайни и шаблони, които са лесни за използване.
В # 3) Обяснете характеристиките на Bootstrap.
Отговор: Неговите характеристики включват:
- Отворен код за използване
- Съвместимост с всички браузъри.
- Отзивчиви дизайни
- Лесен за използване и бърз.
В # 4) Дефинирайте ключовите компоненти на Bootstrap.
Отговор: Неговите компоненти включват:
- Скелета: Той има мрежа мрежа, фон, стилове.
- JS плъгини: Съдържа JS и jQuery приставки.
- Персонализиране: Може да персонализира рамки.
- CSS: Съдържа CSS файлове.
В # 5) Какво разбирате под контейнера Bootstrap?
Отговор: Контейнерът Bootstrap се държи като контейнер, където можете да поставите HTML код и е част от страницата, където съдържанието на сайта може да бъде поставено, за да го направи отзивчив и бърз.
В # 6) Какво имате предвид под Bootstrap Classloader?
Отговор: Bootstrap клас loader е част от java и основен родителски клас на loader клас.
Q # 7)Какмного видове оформления има ли в Bootstrap?
Отговор: В Bootstrap има два вида оформления.
Те са:
- Оформление на флуида
- Фиксирано оформление
Q # 8) Определете оформлението на флуида.
Отговор: Fluid Layout е полезен, когато трябва да направите приложение, което включва пълната ширина на екрана, т.е.Fluid Layout се настройва според размера на браузъра.
Въпрос # 9) Определете фиксирано оформление.
Отговор: Фиксираното оформление е отзивчиво и лесно за използване, но точно като оформлението на флуида, то не може да се коригира според размера на браузъра. Фиксираното оформление трябва да бъде 940 px в повечето случаи.
В # 10) Как можете да покажете код в Bootstrap?
Отговор: Можете да покажете кода по два начина, т.е.с помощта на tag and by using the
tag.
Q #11) When will you use tag and
tag?
Answer: tag is used to show the code inline and
tag is used to show code with multiple lines.
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.
как да отворя SWF файлове на Windows 7
- 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?
75% successfully completed 30% completed with warnings 15% did not complete
Отговор: Ако поставим множество ленти с едно и също .прогрес родителски елемент, Bootstrap ще ги натрупа в една единствена лента за напредъка. Както знаем, в bootstrap сумата от лентата за напредъка е 100%. Така че лентата за напредъка ще даде резултата като пълна ширина и напълно попълнена.
Въпрос: # 24) Как можем да персонализираме връзките за разбиване на страници в Bootstrap?
Отговор: Можем да персонализираме връзките, като използваме .хора с увреждания за некликващи връзки и .активен за посочване на текущата страница.
Въпрос: # 25) Обяснете входната група в Bootstrap.
Отговор: Групата за въвеждане в bootstrap се извежда от контролите. Използвайки група за въвеждане, можем лесно да добавим добавен и добавен текст или бутон към текстово базирани входове.
Можем да добавяме и добавяме елементи към a .form-control като вземете всички елементи в a под клас .input-group. След това поставете допълнителното си съдържание вв същото чрез използване на class .input-group-addon след това можете да поставитеелемент преди или след входния елемент.
Въпрос: # 26) Напишете начините за създаване на навигационно меню с раздели в Bootstrap.
Отговор: Можем да създадем навигация с раздели, като направим основен неподреден списък с базовия клас на .не са и след това можем да добавим клас .nav-tabs .
Въпрос: # 27) В Bootstrap, как можете да създадете меню за навигация на хапчета?
Отговор: Менюто за навигация на хапчета в bootstrap се създава, като първо се направи неподреден списък с базовия клас на .не са и след това добавете класа .nav-хапчета .
Въпрос: # 28) Как работи лентата за навигация в Bootstrap?
Отговор: В bootstrap навигационната лента е видна функция за създаване на отзивчив метакомпонент, който работи като заглавки за навигация за вашето приложение и сайт. В мобилния изглед лентата за навигация се свива и става хоризонтална с увеличаване на наличната ширина на прозореца.
Въпрос: # 29) Как можем да създадем лента за навигация в Bootstrap?
Отговор: За да създадем навигационна лента в начална лента в началото, трябва да добавим класовете .navbar , .navbar-по подразбиране към етикета. След това трябва да добавим role = ”navigation” към горния елемент и това ще помогне за недостъпност.
Добавихме заглавен клас .nav-header към елемента, който ще включва елемент с марка на лентата за навигация на клас. От това ще получим текст с по-голям размер.
Въпрос: # 30) Какво е Bootstrap галета?
Отговор: Bootstrap breadcrumb е ефективен начин за показване на информация, базирана на йерархия за даден сайт. Това може да показва датите на публикуване, категории или маркери в блог. Те също така казват на потребителя за текущото местоположение на страницата в рамките на навигационната йерархия.
Така че можем да кажем, че Bootstrap breadcrumb е просто неподреден списък с клас от .breadcrumb .
В # 31) Какво представляват етикетите в Bootstrap?
Отговор: Bootstrap етикетите се използват за предлагане на броячи, съвети или други неща за осигуряване на маркиране на уеб страници. За да използваме етикета в Bootstrap, използваме класа . етикети за обозначаване на етикетите.
Въпрос: # 32) Какво представляват значките в Bootstrap?
Отговор: Значките са хомогенни спрямо етикетите, като основната разлика между тях е, че ъглите са по-заоблени. Основната работа на значките в началната лента е да подчертае нови или непрочетени елементи. За да използвате значки, просто добаветекъм връзки и bootstrap навигационни системи.
Въпрос: # 33) Какво е джъмботрон в Bootstrap?
Отговор: Използва се за увеличаване на размера на заглавията и за добавяне на много полета за съдържанието на целевата страница. За да създадем джъмботрон, трябва да създадем контейнер с класа на .jumbotron.
Въпрос: # 34) Как можем да направим изображението отзивчиво в Bootstrap?
Отговор: След актуализациите в Bootstrap, към момента е добавена функцията, която прави изображението отзивчиво, можем да направим това, като добавим клас .img-отзивчив към етикет. Този клас прави ширината max-width = 100%; и височина = автоматично; към изображението, така че да съвпада добре с родителския елемент.
Въпрос: # 35) Какво имате предвид под нормализиране в Bootstrap?
Отговор: Bootstrap normalize е малък CSS файл, който се използва за постигане на съгласуваност между браузърите.
Въпрос: # 36) Какво представлява основното копие на тялото в Bootstrap?
Отговор: Използва се за добавяне на някакво изкачване към абзаца, ако добавим class = ”lead”. Това ще увеличи размера на шрифта и по-високата височина на реда.
Въпрос: # 37) Какво представляват панелите в Bootstrap?
Отговор: Панелите са компоненти, които се използват, когато искате да поставите вашия DOM компонент в кутия. Така че, за да извлечем основен панел, просто трябва да добавим class.panel към елемента. Също така можем да добавим class.panel-default към този елемент.
Въпрос: # 38) Как ще създадете Bootstrap панел със заглавието?
Отговор: Има два начина, по които можем да добавим заглавие на панела.
Първо, можем директно да използваме .глава на панела class, за да добавите заглавни контейнери в панел, а вторият начин е чрез използване на произволен етикет на заглавие като
да сес .panel-title клас, за да дадете повече стилове в заглавието.
Въпрос: # 39) Какво представлява плъгинът за превъртане в Bootstrap?
Отговор: Това е автоматично актуализиране на навигационната приставка, която позволява извличане на раздел на страницата въз основа на позицията на превъртане. Това може да се направи от .активният клас до позицията за превъртане, базирана на навигационната лента.
Въпрос: # 40) Каква е работата на приставката за прикрепване в Bootstrap?
Отговор: Този плъгин позволява да бъде прикачен към място на страницата.
Използването на социалната икона на страница е пример за това, в който виждаме, че иконите ще започват на дадено място, но когато страницата удари определен знак, тя ще блокира на място и ще спре превъртането за останалата част от страница.
Въпрос: # 41) Какво представлява мрежата в Bootstrap?
Отговор: Използвайки мрежата, можем да направим до 12 колони на една страница. Има различни класове, които са определени за това за целите на потребителския интерфейс.
Въпрос: # 42) Какво представляват Grid класовете в Bootstrap?
Отговор: В Bootstrap има четири мрежови класа.
Те са:
- xs (Използва се за екрани на телефони с ширина под 786px).
- см (Използва се за екраните на таблетите, които са по-широки от 786px).
- md (Това е за малък екран на лаптоп с размер, равен на или по-голям от 992px широк).
- LG (Това е за екрани за лаптопи и настолни компютри, които са по-големи от 1200px широки).
Въпрос: # 43) Кои са глобалните стилове, които се използват в Bootstrap Default Typography?
Отговор: В Bootstrap глобалният размер на шрифта по подразбиране е 14px, а височината на реда е 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.
Отговор: За това първо трябва да добавим формуляр за роля към родителския елемент, след това трябва да увием етикети и контроли в a с class.form-group и след това трябва да добавим клас .form-control към всички текстови url и елементи .
Заключение
Тези въпроси и отговори за интервюта ще ви помогнат да пробиете всяко интервю за Bootstrap за по-свежо и по-опитно ниво. И това са най-честите въпроси, които се задават в интервютата.
Сигурен съм, че тази статия би ви помогнала да разберете основите и напредналото ниво на Bootstrap.
Пожелаваме ви всичко най-добро за вашето интервю !!
Препоръчително четене
- Интервюирайте въпроси и отговори
- Въпроси и отговори за интервю за ETL тестване
- Топ 50 на най-популярните въпроси и отговори за интервю за CCNA
- 50 най-добри въпроса и отговори за интервю за PHP (ЗА ВСИЧКИ)
- Топ 50+ въпроси и отговори за интервюта за база данни
- Някои сложни ръчни тестови въпроси и отговори
- 25 най-добри пъргави тестови интервюта Въпроси и отговори
- Спок интервю въпроси с отговори (най-популярни)