top 51 bootstrap interview questions
Οι πιο συχνές ερωτήσεις και απαντήσεις για συνέντευξη Bootstrap:
Εδώ, σε αυτό το άρθρο, έχουμε συμπεριλάβει μια λίστα με τις πιο δημοφιλείς ερωτήσεις συνέντευξης και απαντήσεις για τη διακοπή της συνέντευξης Bootstrap.
Αυτό θα βοηθήσει στη διακοπή της συνέντευξης τόσο για έμπειρους όσο και για πιο φρέσκους υποψηφίους.
Πάμε!!
Οι πιο δημοφιλείς ερωτήσεις και απαντήσεις συνέντευξης Bootstrap
Ας αρχίσουμε!!
Q # 1) Ορίστε το Bootstrap.
Απάντηση: Το Bootstrap είναι ένα πλαίσιο front-end που χρησιμοποιείται για τη δημιουργία εφαρμογών HTML, CSS και JS. Η διάταξή του είναι πολύ γρήγορη, γρήγορη και εύκολη στη χρήση. Επικεντρώνεται κυρίως στη δημιουργία μιας εφαρμογής για κινητά με πρότυπα σχεδίασης για τη δημιουργία διεπαφής χρήστη όπως το αναπτυσσόμενο μενού, τις φόρμες, τα κουμπιά, την καρτέλα ειδοποιήσεων κ.λπ.
Ε # 2) Γιατί το Bootstrap χρησιμοποιείται για την ανάπτυξη Ιστού για κινητά;
Απάντηση: Χρησιμοποιείται για την ανάπτυξη Ιστού για κινητά, επειδή διαθέτει ανταποκρινόμενα σχέδια και πρότυπα που είναι εύχρηστα.
Ε # 3) Εξηγήστε τα χαρακτηριστικά του Bootstrap.
Απάντηση: Τα χαρακτηριστικά του περιλαμβάνουν:
- Ανοιχτός κώδικας για χρήση
- Συμβατότητα με όλα τα προγράμματα περιήγησης.
- Αποκριτικά σχέδια
- Εύκολο στη χρήση και γρήγορο.
Q # 4) Ορίστε τα βασικά στοιχεία του Bootstrap.
Απάντηση: Τα συστατικά του περιλαμβάνουν:
- Σκαλωσιά: Διαθέτει σύστημα πλέγματος, φόντο, στυλ.
- Πρόσθετα JS: Περιέχει πρόσθετα JS και jQuery.
- Προσαρμογή: Μπορεί να προσαρμόσει τα πλαίσια.
- CSS: Περιέχει αρχεία CSS.
Ε # 5) Τι καταλαβαίνετε από το κοντέινερ Bootstrap;
Απάντηση: Το κοντέινερ Bootstrap συμπεριφέρεται σαν ένα κοντέινερ όπου μπορείτε να βάλετε κώδικα HTML και είναι ένα μέρος της σελίδας όπου το περιεχόμενο του ιστότοπου μπορεί να τοποθετηθεί για να το κάνει να ανταποκρίνεται γρήγορα και γρήγορα.
Q # 6) Τι εννοείς με το Bootstrap Classloader;
Απάντηση: Το bootstrap class loader είναι ένα μέρος του java και ένα κύριο γονικό class of class loader.
Ε # 7)Πωςυπάρχουν πολλοί τύποι διατάξεων στο Bootstrap;
Απάντηση: Υπάρχουν δύο τύποι διατάξεων στο Bootstrap.
Αυτοί είναι:
- Διάταξη ρευστού
- Διορθώθηκε η διάταξη
Q # 8) Ορισμός διάταξης ρευστού.
Απάντηση: Το Fluid Layout είναι χρήσιμο όταν πρέπει να δημιουργήσετε μια εφαρμογή που περιλαμβάνει το πλήρες πλάτος της οθόνης, δηλαδή το Fluid Layout προσαρμόζεται ανάλογα με το μέγεθος του προγράμματος περιήγησης.
Q # 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.
το καλύτερο dvd ripper για 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.
δωρεάν λογισμικό sql για windows 10
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 διαγράφεται από τα στοιχεία ελέγχου. Χρησιμοποιώντας μια ομάδα εισαγωγής, μπορούμε εύκολα να προσθέσουμε προπληρωμένο και προσαρτημένο κείμενο ή κουμπί στις εισόδους που βασίζονται σε κείμενο.
Μπορούμε να προσθέσουμε και να προσθέσουμε στοιχεία σε ένα .form-έλεγχος λαμβάνοντας όλα τα στοιχεία σε μια τάξη κάτω ομάδα εισόδου. Μετά από αυτό, τοποθετήστε το επιπλέον περιεχόμενό σας μέσα σε έναστο ίδιο χρησιμοποιώντας τάξη .input-group-addon μετά από αυτό μπορείτε να τοποθετήσετε τοστοιχείο είτε πριν είτε μετά το στοιχείο εισαγωγής.
Ερ # 26) Γράψτε τους τρόπους για να δημιουργήσετε ένα μενού πλοήγησης με καρτέλες στο Bootstrap.
Απάντηση: Μπορούμε να δημιουργήσουμε πλοήγηση με καρτέλες κάνοντας μια βασική λίστα χωρίς ταξινόμηση με την κατηγορία βάσης του .δεν είναι και μετά από αυτό, μπορούμε να προσθέσουμε τάξη .nav-καρτέλες .
Ερ # 27) Στο Bootstrap, πώς μπορείτε να δημιουργήσετε ένα μενού πλοήγησης χάπια;
Απάντηση: Το μενού πλοήγησης χαπιών στο bootstrap δημιουργείται δημιουργώντας μια μη ταξινομημένη λίστα στην αρχή με την βασική κλάση του .δεν είναι και μετά από αυτό προσθέστε την τάξη .nav-χάπια .
Ερ # 28) Πώς λειτουργεί το navbar στο Bootstrap;
Απάντηση: Στο bootstrap, το navbar είναι ένα εξαιρετικό χαρακτηριστικό για να δημιουργήσετε ένα αποκριτικό μετα-στοιχείο που λειτουργεί ως κεφαλίδες πλοήγησης για την εφαρμογή και τον ιστότοπό σας. Στην προβολή για κινητά, η γραμμή πλοήγησης καταρρέει και γίνεται οριζόντια καθώς αυξάνεται το διαθέσιμο πλάτος θύρας προβολής.
Ερ # 29) Πώς μπορούμε να δημιουργήσουμε ένα navbar στο Bootstrap;
Απάντηση: Για να δημιουργήσετε ένα navbar σε ένα bootstrap στην αρχή, πρέπει να προσθέσουμε τις τάξεις .navbar , .navbar-προεπιλογή στην ετικέτα. Μετά από αυτό, πρέπει να προσθέσουμε το ρόλο = 'πλοήγηση' στο παραπάνω στοιχείο, και αυτό θα βοηθήσει στην προσβασιμότητα.
Έχουμε προσθέσει μια κλάση κεφαλίδας .nav-κεφαλίδα στο στοιχείο, το οποίο θα περιλαμβάνει ένα στοιχείο με επωνυμία κλάσης navbar. Από αυτό, θα λάβουμε ένα κείμενο με μεγαλύτερο μέγεθος.
Ερ # 30) Τι είναι το breadstrumb Bootstrap;
Απάντηση: Το Bootstrap breadcrumb είναι ένας αποτελεσματικός τρόπος για την εμφάνιση πληροφοριών που βασίζονται σε ιεραρχία για έναν ιστότοπο. Αυτό μπορεί να εμφανίσει τις ημερομηνίες δημοσίευσης, κατηγορίες ή ετικέτες σε ένα ιστολόγιο. Επίσης, ενημερώνουν τον χρήστη για την τρέχουσα τοποθεσία της σελίδας σε μια ιεραρχία πλοήγησης.
Μπορούμε λοιπόν να πούμε ότι το Bootstrap breadcrumb είναι απλώς μια λίστα χωρίς ταξινόμηση με κατηγορία . ψωμί .
Q # 31) Τι είναι οι ετικέτες στο Bootstrap;
Απάντηση: Οι ετικέτες Bootstrap χρησιμοποιούνται για την προσφορά μετρήσεων, συμβουλών ή άλλων πραγμάτων για την παροχή σήμανσης σε ιστοσελίδες. Για να χρησιμοποιήσουμε την ετικέτα στο Bootstrap χρησιμοποιούμε την τάξη ετικέτες για να υποδείξετε τις ετικέτες.
Ερ # 32) Τι είναι τα σήματα στο Bootstrap;
Απάντηση: Τα σήματα είναι ομοιογενή με τις ετικέτες, η κύρια διαφορά μεταξύ τους είναι οι γωνίες είναι πιο στρογγυλεμένες. Το κύριο έργο των σημάτων στο bootstrap είναι να επισημάνετε νέα ή μη αναγνωσμένα αντικείμενα. Για να χρησιμοποιήσετε σήματα, προσθέστεσε συνδέσμους και bootstrap navs.
Ερ # 33) Τι είναι το jumbotron στο Bootstrap;
Απάντηση: Χρησιμοποιείται για την αύξηση του μεγέθους των επικεφαλίδων και για την προσθήκη πολλών περιθωρίων για το περιεχόμενο της σελίδας προορισμού. Για να δημιουργήσουμε ένα jumbotron πρέπει να δημιουργήσουμε ένα κοντέινερ με την κατηγορία . jumbotron.
Ερ # 34) Πώς μπορούμε να κάνουμε την εικόνα να ανταποκρίνεται στο Bootstrap;
Απάντηση: Μετά τις ενημερώσεις στο Bootstrap, επί του παρόντος έχει προστεθεί η δυνατότητα δημιουργίας μιας απόκρισης εικόνας, μπορούμε να το κάνουμε προσθέτοντας μια τάξη .img ανταποκρίνεται στο ετικέτα. Αυτή η τάξη κάνει το πλάτος μέγιστο-πλάτος = 100%. και ύψος = αυτόματο; στην εικόνα έτσι ώστε να ταιριάζει όμορφα με το γονικό στοιχείο.
Ερ # 35) Τι εννοείτε με την ομαλοποίηση στο Bootstrap;
Απάντηση: Το Bootstrap normalize είναι ένα μικρό αρχείο CSS που χρησιμοποιείται για να κάνει τη συνοχή μεταξύ προγραμμάτων περιήγησης.
Ερ # 36) Τι είναι το αντίγραφο σώματος μολύβδου στο Bootstrap;
Απάντηση: Χρησιμοποιείται για την προσθήκη κάποιας ανόδου στην παράγραφο εάν προσθέσουμε class = 'lead'. Αυτό θα διευρύνει το μέγεθος της γραμματοσειράς και το ψηλότερο ύψος γραμμής.
πώς να ταξινομήσετε έναν πίνακα στην Java
Ερ # 37) Τι είναι τα πάνελ στο Bootstrap;
Απάντηση: Τα πάνελ είναι στοιχεία που χρησιμοποιούνται όταν θέλετε να τοποθετήσετε το στοιχείο DOM σε ένα κουτί. Επομένως, για να ανακτήσουμε έναν βασικό πίνακα απλώς πρέπει να προσθέσουμε το class.panel στο στοιχείο. Μπορούμε επίσης να προσθέσουμε το class.panel-default σε αυτό το στοιχείο.
Ερ # 38) Πώς θα δημιουργήσετε έναν πίνακα Bootstrap με την επικεφαλίδα;
Απάντηση: Υπάρχουν δύο τρόποι με τους οποίους μπορούμε να προσθέσουμε την επικεφαλίδα του πίνακα.
Πρώτον, μπορούμε να χρησιμοποιήσουμε άμεσα το επικεφαλίδα κλάση για να προσθέσετε κοντέινερ επικεφαλίδας σε έναν πίνακα και ο δεύτερος τρόπος είναι χρησιμοποιώντας οποιαδήποτε ετικέτα επικεφαλίδας όπως
προς τηνμε .panel-τίτλος τάξη για να δώσει περισσότερα στυλ στον τίτλο.
Ερ # 39) Τι είναι μια προσθήκη scrollspy στο Bootstrap;
Απάντηση: Πρόκειται για ένα πρόσθετο πλοήγησης αυτόματης ενημέρωσης που επιτρέπει την ανάκτηση της σελίδας με βάση τη θέση κύλισης. Αυτό μπορεί να γίνει από η. ενεργητική τάξη στη θέση κύλισης με βάση το navbar.
Ερ # 40) Ποιο είναι το έργο του πρόσθετου προσθήκης στο Bootstrap;
Απάντηση: Αυτή η προσθήκη επιτρέπει τη σύνδεση σε μια θέση της σελίδας.
Η χρήση του κοινωνικού εικονιδίου σε μια σελίδα είναι ένα παράδειγμα για αυτό στο οποίο βλέπουμε ότι τα εικονίδια θα ξεκινήσουν σε μια τοποθεσία, αλλά όταν η σελίδα χτυπήσει σε ένα συγκεκριμένο σημάδι, θα μπλοκάρει τη θέση και θα σταματήσει την κύλιση για το υπόλοιπο σελίδα.
Ερ # 41) Ποιο είναι το σύστημα πλέγματος στο Bootstrap;
Απάντηση: Χρησιμοποιώντας το σύστημα πλέγματος, μπορούμε να δημιουργήσουμε έως και 12 στήλες σε μια σελίδα. Υπάρχουν διαφορετικές κατηγορίες που έχουν καθοριστεί για αυτό για το σκοπό της διεπαφής χρήστη.
Ερ # 42) Τι είναι οι τάξεις πλέγματος στο Bootstrap;
Απάντηση: Υπάρχουν τέσσερις τάξεις πλέγματος στο Bootstrap.
Αυτοί είναι:
- xs (Χρησιμοποιείται για οθόνες τηλεφώνου πλάτους λιγότερο από 786 εικονοστοιχεία).
- sm (Χρησιμοποιείται για οθόνες tablet με πλάτος μεγαλύτερο από 786 εικονοστοιχεία).
- md (Είναι για μικρή οθόνη φορητού υπολογιστή μεγέθους ίσου ή μεγαλύτερου από 992 εικονοστοιχεία πλάτος).
- LG (Είναι για οθόνες φορητών υπολογιστών και επιτραπέζιων υπολογιστών που είναι ίσες με πλάτος μεγαλύτερη από 1200 εικονοστοιχεία).
Ερ # 43) Ποια είναι τα παγκόσμια στυλ που χρησιμοποιούνται στην προεπιλεγμένη τυπογραφία Bootstrap;
Απάντηση: Στο Bootstrap το παγκόσμιο προεπιλεγμένο μέγεθος γραμματοσειράς είναι 14px και το ύψος γραμμής είναι 1.428. Οι προεπιλεγμένες αλλαγές γραμματοσειράς σε Helvetica και Arial είναι με το εναλλακτικό sans-serif και όλα αυτά τα στυλ ισχύουν τόσο για το σώμα όσο και για όλες τις παραγράφους.
Ερ # 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;
Απάντηση: Παρέχει απλά εφέ μετάβασης όπως ολίσθηση ή ξεθώριασμα σε modals.
Ερ # 51) Εξηγήστε την έννοια της δημιουργίας κάθετης ή βασικής φόρμας στο Bootstrap.
Απάντηση: Για αυτό πρώτα πρέπει να προσθέσουμε μια φόρμα ρόλου στο γονικό στοιχείο και έπειτα πρέπει να τυλίξουμε ετικέτες και στοιχεία ελέγχου σε ένα με το class.form-group και έπειτα πρέπει να προσθέσουμε μια κατηγορία .form-control σε όλα τα url κειμένου και τα στοιχεία .
συμπέρασμα
Αυτές οι ερωτήσεις και οι απαντήσεις της συνέντευξης θα σας βοηθήσουν να σπάσετε οποιαδήποτε συνέντευξη Bootstrap για πιο φρέσκο αλλά και έμπειρο επίπεδο. Και αυτές είναι οι πιο συχνές ερωτήσεις που τίθενται στις συνεντεύξεις.
Είμαι βέβαιος ότι αυτό το άρθρο θα σας βοήθησε να κατανοήσετε τα βασικά και το προηγμένο επίπεδο του Bootstrap.
Σας ευχόμαστε ό, τι καλύτερο για τη συνέντευξή σας !!
Συνιστώμενη ανάγνωση
- Ερωτήσεις και απαντήσεις συνέντευξης
- Ερωτήσεις και απαντήσεις συνέντευξης δοκιμών ETL
- Κορυφαίες 50 πιο δημοφιλείς ερωτήσεις και απαντήσεις συνέντευξης CCNA
- 50 κορυφαίες ερωτήσεις και απαντήσεις συνέντευξης PHP (για ΟΛΑ)
- Top 50+ ερωτήσεις και απαντήσεις συνέντευξης βάσης δεδομένων
- Μερικές δύσκολες μη αυτόματες ερωτήσεις και απαντήσεις
- 25 καλύτερες ερωτήσεις και απαντήσεις συνέντευξης δοκιμών ευκίνητων
- Ερωτήσεις συνέντευξης Spock με απαντήσεις (πιο δημοφιλείς)