top 51 bootstrap interview questions
Preguntes i respostes de l'entrevista Bootstrap més freqüents:
Aquí, en aquest article, hem inclòs una llista de les preguntes i respostes d’entrevistes més populars per trencar l’entrevista Bootstrap.
Això ajudarà a trencar l’entrevista tant per als candidats amb experiència com per als més frescos.
Som-hi!!
Preguntes i respostes de l'entrevista Bootstrap més populars
Comencem!!
Q # 1) Definiu Bootstrap.
Resposta: Bootstrap és un framework frontal que s’utilitza per crear aplicacions web HTML, CSS i JS. El seu disseny és molt sensible, ràpid i fàcil d’utilitzar. Se centra principalment en la creació d’una aplicació mòbil amb plantilles de disseny per crear interfície d’usuari com Dropdown, Forms, Buttons, Tab Alerts, etc.
P # 2) Per què Bootstrap s'utilitza per al desenvolupament de webs mòbils?
Resposta: S'utilitza per al desenvolupament de webs mòbils perquè té dissenys i plantilles sensibles que són fàcils d'utilitzar.
P # 3) Expliqueu les característiques de Bootstrap.
Resposta: Les seves característiques inclouen:
- Codi obert per al seu ús
- Compatibilitat amb tots els navegadors.
- Dissenys sensibles
- Fàcil d'utilitzar i ràpid.
Q # 4) Definiu els components clau de Bootstrap.
Resposta: Els seus components inclouen:
- Bastides: Té el sistema de quadrícula, el fons, els estils.
- Connectors JS: Conté connectors JS i jQuery.
- Personalitza: Pot personalitzar els marcs.
- CSS: Conté fitxers CSS.
P # 5) Què enteneu pel contenidor Bootstrap?
Resposta: El contenidor Bootstrap es comporta com un contenidor on podeu posar codi HTML i és una part de la pàgina on es pot col·locar el contingut del lloc per fer-lo més sensible i ràpid.
P # 6) Què voleu dir amb Bootstrap Classloader?
Resposta: El carregador de classes Bootstrap és una part de Java i una classe parental principal del carregador de classes.
Q # 7)Comhi ha molts tipus de dissenys a Bootstrap?
Resposta: Hi ha dos tipus de dissenys a Bootstrap.
Ells són:
- Disseny de fluids
- Disseny fix
Q # 8) Definiu el disseny del fluid.
Resposta: Fluid Layout és útil quan necessiteu crear una aplicació que impliqui l’amplada completa de la pantalla, és a dir, Fluid Layout s’ajusta segons la mida del navegador.
Q # 9) Definiu un disseny fix.
Resposta: Un disseny fix és sensible i fàcil d’utilitzar, però, igual que el disseny fluid, no es pot ajustar segons la mida del navegador. El disseny fix ha de ser de 940 px en la majoria dels casos.
Q # 10) Com es pot mostrar el codi a Bootstrap?
Resposta: Podeu mostrar el codi de dues maneres, és a dir, mitjançant el 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.
preguntes i respostes de l'entrevista core java per a usuaris experimentats
- 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.
què és un bon netejador de PC gratuït
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 Resposta: Si col·loquem diverses barres amb la mateixa .progrés, progressar element pare, Bootstrap els apilarà en una sola barra de progrés. Com sabem, a bootstrap la suma de la barra de progrés és del 100%. Per tant, la barra de progrés donarà el resultat com a amplada completa i completament poblada.
Q # 24) Com podem personalitzar els enllaços de paginació a Bootstrap?
Resposta: Podem personalitzar els enllaços mitjançant .dishabilitat per als enllaços i els enllaços que no es poden fer clic .actiu per indicar la pàgina actual.
Q # 25) Expliqueu el grup d'entrada a Bootstrap.
Resposta: El grup d’entrada a l’arrencada s’extreu dels controls. Mitjançant l’ús d’un grup d’entrada, podem afegir fàcilment text o botó afegit i afegit a les entrades basades en text.
Podem afegir i afegir elements a .form-control agafant tots els elements d'una classe inferior .input-group. Després, col·loqueu el vostre contingut addicional dins d'un fitxeren el mateix fent servir la classe .input-group-addon després d'això podeu col·locar el fitxerelement abans o després de l'element d'entrada.
Q # 26) Escriviu les maneres de crear un menú de navegació amb pestanyes a Bootstrap.
Resposta: Podem crear navegació amb pestanyes fent una llista bàsica sense ordenar amb la classe base de .No ho són i després d'això, podem afegir classe .nav-tabs .
Q # 27) A Bootstrap, com es pot crear un menú de navegació de pastilles?
Resposta: El menú de navegació de píndoles a bootstrap es crea fent una llista sense ordenar al principi amb la classe base de .No ho són i després d'això, afegiu la classe .nav-pastilles .
Q # 28) Com funciona la barra de navegació a Bootstrap?
Resposta: A bootstrap, la barra de navegació és una característica eminent per crear un meta component responsiu que funcioni com a capçaleres de navegació per a la vostra aplicació i lloc. A la visualització mòbil, la barra de navegació es desploma i es torna horitzontal a mesura que augmenta l'amplada de la finestra de visualització.
Q # 29) Com podem crear una barra de navegació a Bootstrap?
Resposta: Per crear una barra de navegació en un bootstrap al principi, hem d’afegir les classes .navbar , .navbar-default a l'etiqueta. Després d'això, hem d'afegir el rol = 'navegació' a l'element anterior i això ajudarà a la seva inaccessibilitat.
Hem afegit una classe de capçalera .nav-header a l'element, que inclourà un fitxer element amb una marca navbar de classe. A partir d’això, obtindrem un text amb una mida més gran.
Q # 30) Què és el pa ratllat Bootstrap?
Resposta: El pa ratllat Bootstrap és una manera eficient de mostrar informació basada en la jerarquia d’un lloc. Es poden mostrar les dates de publicació, les categories o les etiquetes en un bloc. També informen a l'usuari sobre la ubicació actual de la pàgina dins d'una jerarquia de navegació.
Per tant, podem dir que el pa ratllat Bootstrap és simplement una llista sense ordenar amb una classe de .molla de pa .
P # 31) Què són les etiquetes a Bootstrap?
Resposta: Les etiquetes Bootstrap s’utilitzen per oferir recomptes, consells o altres coses per proporcionar marques a les pàgines web. Per utilitzar l’etiqueta a Bootstrap, fem servir la classe .etiquetes per indicar les etiquetes.
Q # 32) Què són les insígnies a Bootstrap?
Resposta: Les insígnies són homogènies a les etiquetes, la diferència principal entre elles és que les cantonades són més arrodonides. El treball principal de les insígnies a l’arrencada inicial és ressaltar elements nous o no llegits. Per utilitzar insígnies, només cal afegira enllaços i navegacions d’arrencada.
Q # 33) Què és un jumbotron a Bootstrap?
Resposta: S'utilitza per augmentar la mida dels encapçalaments i per afegir molts marges per al contingut de la pàgina de destinació. Per crear un jumbotron hem de crear un contenidor amb la classe de .jumbotron.
Q # 34) Com podem fer que la imatge sigui sensible a Bootstrap?
Resposta: Després de les actualitzacions a Bootstrap, actualment s'ha afegit la funció per fer que la imatge respongui, podem fer-ho afegint una classe .img-responsive fins al etiqueta. Aquesta classe fa que l'amplada amplada màxima = 100%; i alçada = auto; a la imatge perquè coincideixi bé amb l'element pare.
Q # 35) Què vol dir normalitzar a Bootstrap?
Resposta: Bootstrap normalize és un petit fitxer CSS que s’utilitza per obtenir coherència entre navegadors.
Q # 36) Què és la còpia del cos principal a Bootstrap?
Resposta: S'utilitza per afegir alguna ascensió al paràgraf si afegim class = 'lead'. Això augmentarà la mida de la lletra i l'alçada de la línia més alta.
Q # 37) Què són els panells a Bootstrap?
Resposta: Els plafons són components que s’utilitzen quan es vol col·locar el component DOM en una caixa. Per tant, per recuperar un panell bàsic només hem d’afegir class.panel a l’element. També podem afegir class.panel-default a aquest element.
Q # 38) Com crearà un tauler Bootstrap amb l'encapçalament?
Resposta: Hi ha dues maneres mitjançant les quals podem afegir capçalera de tauler.
La primera és que podem utilitzar directament el fitxer encapçalament de panell class per afegir contenidors d’encapçalament en un tauler i la segona forma és mitjançant qualsevol etiqueta d’encapçalament com
aamb una .panel-title classe per donar més estils a l’encapçalament.
Q # 39) Què és un complement scrollspy a Bootstrap?
Resposta: És un connector de navegació que s’actualitza automàticament que permet obtenir seccions de la pàgina en funció de la posició de desplaçament. Això es pot fer mitjançant la classe activa a la posició de desplaçament basada en barra de navegació.
Q # 40) Quina és la feina del connector afix a Bootstrap?
Resposta: Aquest connector permet adjuntar un a una ubicació de la pàgina.
L’ús de la icona social en una pàgina és un exemple en què veiem que les icones s’iniciaran en una ubicació, però quan la pàgina toqui una marca determinada bloquejarà el lloc i aturarà el desplaçament per a la resta de pàgina.
Q # 41) Quin és el sistema de xarxa a Bootstrap?
Resposta: En utilitzar el sistema de quadrícula, podem formar fins a 12 columnes en una pàgina. Hi ha diferents classes que s'han definit per a això amb la finalitat de la IU.
Q # 42) Què són les classes de quadrícula a Bootstrap?
Resposta: Hi ha quatre classes de quadrícula a Bootstrap.
Ells són:
- xs (S'utilitza per a pantalles de telèfon de menys de 786 px d'ample).
- sm (S'utilitza per a pantalles de tauletes que superen els 786 px).
- md (És per a una pantalla de portàtil petita de mida igual o superior a 992 px d’amplada).
- LG (És per a pantalles d'ordinadors portàtils i d'escriptori que superen els 1200 px d'ample).
Q # 43) Quins són els estils globals que s’utilitzen a la tipografia predeterminada de Bootstrap?
Resposta: A Bootstrap, la mida del tipus de lletra per defecte global és 14 px i l’alçada de la línia és 1,428. Els tipus de lletra predeterminats que es canvien a Helvetica i Arial són amb respostes sans-serif i tots aquests estils són aplicables tant al cos com a tots els paràgrafs.
Q # 44) Quina serà la sortida del codi següent?
llocs animats gratuïts per veure en línia
.col-xs-12 .col-md-3 Resposta: La sortida d’això donarà les quadrícules per a dispositius extra petits, tal com podem veure al fragment col-xs-12 que s’ha utilitzat, i també proporcionarà les quadrícules per a dispositius d’escriptori i més amunt, tal com ha estat la classe col-md-3. usat.
Q # 45) Quines dependències requereix Bootstrap per funcionar correctament?
Resposta: jQuery és l'única dependència que bootstrap requereix per funcionar correctament i això només és per als connectors JavaScript en bootstrap.
Q # 46) Expliqueu què farà el codi següent?
Home 36 Resposta: Aquest codi produirà un enllaç amb una insígnia en línia que donarà una notificació important a l'usuari com el número rebut, el missatge rebut o el nombre de sol·licituds, etc.
Q # 47) Quins són els dos codis que s’utilitzen per a la visualització del codi a Bootstrap?
Resposta: Els codis són 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.
Q # 50) Què és un connector de transició a Bootstrap?
Resposta: Proporciona efectes de transició senzills com lliscar o esvair-se en els modes.
Q # 51) Expliqueu el concepte de crear una forma vertical o bàsica a Bootstrap.
Resposta: Per a això, primer hem d’afegir un formulari de rol a l’element pare, després hem d’ajustar etiquetes i controls amb un class.form-group i, a continuació, hem d’afegir una classe de .form-control a tots els URL i elements de text. .
Conclusió
Aquestes preguntes i respostes de l'entrevista us ajudaran a trencar qualsevol entrevista de Bootstrap per obtenir un nivell més fresc i experimentat. I aquestes són les preguntes més freqüents que es fan a les entrevistes.
Estic segur que aquest article us hauria ajudat a entendre els conceptes bàsics i el nivell avançat de Bootstrap.
Us desitgem tot el millor per a la vostra entrevista !!
Lectura recomanada
- Preguntes i respostes de l’entrevista
- Preguntes i respostes d’entrevistes de proves ETL
- Top 50 de les preguntes i respostes de les entrevistes CCNA més populars
- 50 millors preguntes i respostes de l'entrevista PHP (per a TOTS)
- Top 50+ preguntes i respostes d’entrevistes a la base de dades
- Algunes preguntes i respostes de proves manuals complicades
- 25 millors preguntes i respostes d’entrevista de proves àgils
- Preguntes d'entrevistes de Spock amb respostes (més populars)