top 51 bootstrap interview questions
Domande e risposte all'intervista Bootstrap più frequenti:
Qui, in questo articolo, abbiamo incluso un elenco delle domande e delle risposte dell'intervista più popolari per il cracking dell'intervista Bootstrap.
Ciò contribuirà a rompere il colloquio sia per i candidati esperti che per quelli più freschi.
Andiamo!!
Domande e risposte per l'intervista Bootstrap più popolari
Iniziamo!!
D # 1) Definisci Bootstrap.
Risposta: Bootstrap è un framework front-end utilizzato per creare applicazioni Web HTML, CSS e JS. Il suo layout è molto reattivo, veloce e facile da usare. Si concentra principalmente sulla creazione di un'applicazione mobile con modelli di design per la creazione di interfacce utente come menu a discesa, moduli, pulsanti, scheda avvisi, ecc.
D # 2) Perché Bootstrap viene utilizzato per lo sviluppo del Web mobile?
Risposta: Viene utilizzato per lo sviluppo del Web mobile perché ha design e modelli reattivi facili da usare.
D # 3) Spiega le caratteristiche di Bootstrap.
Risposta: le sue caratteristiche includono:
- Open source per l'uso
- Compatibilità con tutti i browser.
- Design reattivi
- Facile da usare e veloce.
D # 4) Definisci i componenti chiave di Bootstrap.
Risposta: i suoi componenti includono:
- Impalcatura: Ha il sistema a griglia, lo sfondo, gli stili.
- Plugin JS: Contiene plugin JS e jQuery.
- Personalizzare: Può personalizzare i framework.
- CSS: Contiene file CSS.
D # 5) Cosa intendi per contenitore Bootstrap?
Risposta: Il contenitore Bootstrap si comporta come un contenitore in cui è possibile inserire codice HTML ed è una parte all'interno della pagina in cui è possibile posizionare il contenuto del sito per renderlo reattivo e veloce.
Q # 6) Cosa intendi per Bootstrap Classloader?
Risposta: Bootstrap class loader è una parte di java e una delle principali classi parentali di class loader.
Q # 7)Comeci sono molti tipi di layout in Bootstrap?
Risposta: Esistono due tipi di layout in Bootstrap.
Sono:
- Layout fluido
- Layout fisso
D # 8) Definisci layout fluido.
Risposta: Fluid Layout è utile quando è necessario creare un'app che coinvolga l'intera larghezza dello schermo, ad esempio Fluid Layout si adatta alle dimensioni del browser.
D # 9) Definisci layout fisso.
Risposta: Un layout fisso è reattivo e facile da usare ma, proprio come il layout fluido, non può adattarsi alle dimensioni del browser. Il layout fisso dovrebbe essere di 940 px nella maggior parte dei casi.
D # 10) Come puoi visualizzare il codice in Bootstrap?
Risposta: È possibile visualizzare il codice in due modi, ovvero utilizzando 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.
domande di intervista per test di automazione per esperti
- 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.
cos'è il test di automazione nel test del software
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
Risposta: Se posizioniamo più barre con lo stesso file .progresso elemento genitore, Bootstrap li accumulerà in un'unica barra di avanzamento. Come sappiamo, in bootstrap la somma della barra di avanzamento è del 100%. Quindi, la barra di avanzamento darà il risultato come a larghezza intera e completamente popolato.
Q # 24) Come possiamo personalizzare i link di paginazione in Bootstrap?
Risposta: Possiamo personalizzare i collegamenti utilizzando .Disabilitato per collegamenti non cliccabili e .attivo per indicare la pagina corrente.
Q # 25) Spiega il gruppo di input in Bootstrap.
Risposta: Il gruppo di input in bootstrap viene escluso dai controlli. Utilizzando un gruppo di input, possiamo facilmente aggiungere testo o pulsante anteposto e aggiunto agli input basati su testo.
Possiamo anteporre e aggiungere elementi a un file .form-control prendendo tutti gli elementi in una sotto una classe .input-group. Successivamente, inserisci i tuoi contenuti extra all'interno di un filenello stesso usando class .input-group-addon dopodiché puoi posizionare il fileelemento prima o dopo l'elemento di input.
Q # 26) Scrivi i modi per creare un menu di navigazione a schede in Bootstrap.
Risposta: Possiamo creare una navigazione a schede creando un elenco di base non ordinato con la classe base di .non sono e dopo, possiamo aggiungere class .nav-tabs .
Q # 27) In Bootstrap, come puoi creare un menu di navigazione delle pillole?
Risposta: Il menu di navigazione delle pillole in bootstrap viene creato creando un elenco non ordinato inizialmente con la classe base di .non sono e dopo questo aggiungi la classe .nav-pillole .
Q # 28) Come funziona la barra di navigazione in Bootstrap?
Risposta: In bootstrap, la barra di navigazione è una caratteristica eminente per creare un meta componente reattivo che funziona come intestazioni di navigazione per la tua applicazione e il tuo sito. Nella visualizzazione mobile, la barra di navigazione si comprime e diventa orizzontale all'aumentare della larghezza della finestra disponibile.
Q # 29) Come possiamo creare una barra di navigazione in Bootstrap?
Risposta: Per creare inizialmente una barra di navigazione in un bootstrap, dobbiamo aggiungere le classi .navbar , .navbar-default al tag. Dopodiché, dobbiamo aggiungere il role = 'navigation' all'elemento precedente, e questo aiuterà l'inaccessibilità.
Abbiamo aggiunto una classe di intestazione .nav-header all'elemento, che includerà un elemento con un marchio della barra di navigazione di classe. Da questo, otterremo un testo di dimensioni maggiori.
Q # 30) Cos'è Bootstrap breadcrumb?
Risposta: Bootstrap breadcrumb è un modo efficiente per mostrare le informazioni basate sulla gerarchia per un sito. Questo può mostrare le date di pubblicazione, categorie o tag in un blog. Inoltre informano l'utente sulla posizione corrente della pagina all'interno di una gerarchia di navigazione.
Quindi possiamo dire che Bootstrap breadcrumb è semplicemente un elenco non ordinato con una classe di .Percorso di navigazione .
D # 31) Cosa sono le etichette in Bootstrap?
Risposta: Le etichette bootstrap vengono utilizzate per offrire conteggi, suggerimenti o altre cose per fornire markup sulle pagine web. Per usare l'etichetta in Bootstrap usiamo la classe .labels per indicare le etichette.
Q # 32) Cosa sono i badge in Bootstrap?
Risposta: I badge sono omogenei alle etichette, la differenza principale tra loro è che gli angoli sono più arrotondati. Il lavoro principale dei badge nel bootstrap è quello di evidenziare elementi nuovi o non letti. Per usare i badge basta aggiungereai collegamenti e ai navigatori bootstrap.
Q # 33) Cos'è un jumbotron in Bootstrap?
Risposta: Viene utilizzato per aumentare la dimensione delle intestazioni e per aggiungere molti margini per il contenuto della pagina di destinazione. Per creare un jumbotron dobbiamo creare un contenitore con la classe di .jumbotron.
Q # 34) Come possiamo rendere l'immagine reattiva in Bootstrap?
Risposta: Dopo gli aggiornamenti in Bootstrap, attualmente è stata aggiunta la funzionalità per rendere reattiva un'immagine, possiamo farlo aggiungendo una classe .img-responsive al etichetta. Questa classe rende la larghezza max-larghezza = 100%; e altezza = auto; all'immagine in modo che corrisponda perfettamente all'elemento genitore.
Q # 35) Cosa intendi per normalizzare in Bootstrap?
Risposta: Bootstrap normalize è un piccolo file CSS utilizzato per rendere la coerenza cross-browser.
Q # 36) Cos'è il lead body copy in Bootstrap?
server Europeo VPN apk
Risposta: È usato per aggiungere un po 'di ascesa al paragrafo se aggiungiamo class = 'lead'. Questo ingrandirà la dimensione del carattere e l'altezza della linea più alta.
Q # 37) Cosa sono i pannelli in Bootstrap?
Risposta: I pannelli sono componenti che vengono utilizzati quando si desidera inserire il componente DOM in una scatola. Quindi, per recuperare un pannello di base dobbiamo solo aggiungere class.panel all'elemento. Possiamo anche aggiungere class.panel-default a questo elemento.
Q # 38) Come creerai un pannello Bootstrap con l'intestazione?
Risposta: Ci sono due modi in cui possiamo aggiungere l'intestazione del pannello.
Il primo è che possiamo usare direttamente il file .intestazione del pannello class per aggiungere contenitori di intestazione in un pannello e il secondo modo è utilizzare qualsiasi tag di intestazione come
percon un .panel-title class per dare più stili all'intestazione.
Q # 39) Cos'è un plugin scrollspy in Bootstrap?
Risposta: È un plug-in di navigazione che si aggiorna automaticamente che consente di recuperare la sezione della pagina in base alla posizione di scorrimento. Questo può essere fatto da la classe .active alla posizione di scorrimento basata sulla barra di navigazione.
Q # 40) Qual è il lavoro del plugin affix in Bootstrap?
Risposta: Questo plug-in consente di allegare a una posizione sulla pagina.
L'uso dell'icona social in una pagina è un esempio per questo in cui vediamo che le icone inizieranno in una posizione, ma quando la pagina colpisce un certo segno bloccherà il posto e interromperà lo scorrimento per il resto del pagina.
Q # 41) Qual è il sistema a griglia in Bootstrap?
Risposta: Utilizzando il sistema a griglia, possiamo creare fino a 12 colonne su una pagina. Esistono diverse classi che sono state definite per questo scopo dell'interfaccia utente.
Q # 42) Cosa sono le classi Grid nel Bootstrap?
Risposta: Ci sono quattro classi di griglia in Bootstrap.
Sono:
- xs (Viene utilizzato per schermi del telefono di larghezza inferiore a 786 px).
- sm (Viene utilizzato per gli schermi dei tablet che sono più larghi di 786 px).
- md (È per schermi di laptop di piccole dimensioni pari o superiori a 992 px di larghezza).
- LG (È per schermi di laptop e desktop che sono uguali a più di 1200 px di larghezza).
Q # 43) Quali sono gli stili globali utilizzati in Bootstrap Default Typography?
Risposta: In Bootstrap la dimensione del carattere predefinita globale è 14px e l'altezza della linea è 1.428. Le modifiche ai caratteri predefinite in Helvetica e Arial sono con fallback sans-serif e tutti questi stili sono applicabili sia per il corpo che per tutti i paragrafi.
Q # 44) Quale sarà l'output del codice seguente?
.col-xs-12 .col-md-3
Risposta: L'output di questo fornirà le griglie per dispositivi extra piccoli come possiamo vedere nello snippet col-xs-12 che è stato utilizzato e fornirà anche le griglie per i dispositivi desktop e sopra come è stata la classe col-md-3 Usato.
Q # 45) Quali dipendenze richiede Bootstrap per funzionare correttamente?
Risposta: jQuery è l'unica dipendenza che bootstrap richiede per funzionare correttamente e questo è solo per i plugin JavaScript in bootstrap.
Q # 46) Spiega cosa farà il codice seguente?
Home 36
Risposta: Questo codice produrrà un collegamento con un badge in linea che darà una notifica importante all'utente come il numero ricevuto, il messaggio ricevuto o il numero di richieste, ecc.
Q # 47) Quali sono i due codici utilizzati per la visualizzazione del codice in Bootstrap?
Risposta: I codici sono 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) Cos'è un plugin di transizione in Bootstrap?
Risposta: Fornisce semplici effetti di transizione come lo scorrimento o la dissolvenza in modalità modale.
Q # 51) Spiega il concetto di creare un modulo verticale o di base in Bootstrap.
Risposta: Per questo prima dobbiamo aggiungere un form di ruolo all'elemento genitore, quindi dobbiamo avvolgere etichette e controlli in un gruppo con class.form-group e quindi dobbiamo aggiungere una classe di .form-control a tutti gli URL di testo e gli elementi .
Conclusione
Queste domande e risposte dell'intervista ti aiuteranno a decifrare qualsiasi intervista Bootstrap per un livello più fresco ed esperto. E queste sono le domande più frequenti che vengono poste nelle interviste.
Sono sicuro che questo articolo ti avrebbe aiutato a comprendere le basi e il livello avanzato di Bootstrap.
Ti auguriamo tutto il meglio per il tuo colloquio !!
Lettura consigliata
- Domande e risposte dell'intervista
- Domande e risposte al colloquio di prova ETL
- Le 50 domande e risposte dell'intervista CCNA più popolari
- 50 migliori domande e risposte per l'intervista PHP (per TUTTI)
- Top 50+ domande e risposte ai colloqui di database
- Alcune domande e risposte sui test manuali complicati
- 25 migliori domande e risposte per l'intervista al test agile
- Domande dell'intervista a Spock con risposte (le più popolari)