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?

Απάντηση: Εάν τοποθετήσουμε πολλές μπάρες με το ίδιο .πρόοδος γονικό στοιχείο, το 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. Από αυτό, θα λάβουμε ένα κείμενο με μεγαλύτερο μέγεθος.

πώς να ταξινομήσετε έναν πίνακα στην 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 με απαντήσεις (πιο δημοφιλείς)